title: How do I ensure that the url of my image in flutter doesn't show up on the screen instead of the image?
body: <p>I am new to flutter. I was trying to get the pictures of some plants to show up beside the name of the specific plant however I was getting the url instead, is there any possible way that i can fix this issue in my code down below?</p>
  <pre><code>import 'package:flutter/material.dart';
  
  class ProfilePage extends StatefulWidget {
    const ProfilePage({Key? key}) : super(key: key);
  
    @override
    _ProfilePageState createState() =&gt; _ProfilePageState();
  }
  
  class _ProfilePageState extends State&lt;ProfilePage&gt; {
    // This holds a list of fiction users
    // You can use data fetched from a database or a server as well
    final List&lt;Map&lt;String, dynamic&gt;&gt; _allHerbs = [
      {
        &quot;id&quot;: 1,
        &quot;name&quot;: &quot;plant1&quot;,
        &quot;urlImage&quot;:
            'https://www.southernexposure.com/media/products/originals/sweet-genovese-basil-809aaf7e3d9a3f3fa7ce2f0eb4480e95.jpg'
      },
      {&quot;id&quot;: 2, &quot;name&quot;: &quot;plant2&quot;, &quot;urlImage&quot;: ''},
      {&quot;id&quot;: 3, &quot;name&quot;: &quot;plant3&quot;, &quot;urlImage&quot;: ''},
      {&quot;id&quot;: 4, &quot;name&quot;: &quot;plant4&quot;, &quot;urlImage&quot;: ''},
      {&quot;id&quot;: 5, &quot;name&quot;: &quot;plant5&quot;, &quot;urlImage&quot;: ''},
      {&quot;id&quot;: 6, &quot;name&quot;: &quot;plant6&quot;, &quot;urlImage&quot;: ''},
      {&quot;id&quot;: 7, &quot;name&quot;: &quot;plant7&quot;, &quot;urlImage&quot;: ''},
      {&quot;id&quot;: 8, &quot;name&quot;: &quot;plant8&quot;, &quot;urlImage&quot;: ''},
      {&quot;id&quot;: 9, &quot;name&quot;: &quot;plant9&quot;, &quot;urlImage&quot;: ''},
      {&quot;id&quot;: 10, &quot;name&quot;: &quot;plant10&quot;, &quot;urlImage&quot;: ''},
    ];
  
    // This list holds the data for the list view
    List&lt;Map&lt;String, dynamic&gt;&gt; _foundHerbs = [];
    @override
    initState() {
      // at the beginning, all users are shown
      _foundHerbs = _allHerbs;
      super.initState();
    }
  
    // This function is called whenever the text field changes
    void _runFilter(String enteredKeyword) {
      List&lt;Map&lt;String, dynamic&gt;&gt; results = [];
      if (enteredKeyword.isEmpty) {
        // if the search field is empty or only contains white-space, we'll display all users
        results = _allHerbs;
      } else {
        results = _allHerbs
            .where((user) =&gt;
                user[&quot;name&quot;].toLowerCase().contains(enteredKeyword.toLowerCase()))
            .toList();
        // we use the toLowerCase() method to make it case-insensitive
      }
  
      // Refresh the UI
      setState(() {
        _foundHerbs = results;
      });
    }
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: const Text('Herb Search'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(10),
          child: Column(
            children: [
              const SizedBox(
                height: 20,
              ),
              TextField(
                onChanged: (value) =&gt; _runFilter(value),
                decoration: const InputDecoration(
                    labelText: 'Search', suffixIcon: Icon(Icons.search)),
              ),
              const SizedBox(
                height: 20,
              ),
              Expanded(
                child: _foundHerbs.isNotEmpty
                    ? ListView.builder(
                        itemCount: _foundHerbs.length,
                        itemBuilder: (context, index) =&gt; Card(
                          key: ValueKey(_foundHerbs[index][&quot;id&quot;]),
                          color: Colors.blueAccent,
                          elevation: 4,
                          margin: const EdgeInsets.symmetric(vertical: 10),
                          child: ListTile(
                            leading: Text(
                              _foundHerbs[index][&quot;id&quot;].toString(),
                              style: const TextStyle(fontSize: 24),
                            ),
                            title: Text(_foundHerbs[index]['name']),
                            subtitle: Text('${_foundHerbs[index][&quot;urlImage&quot;]} '),
                          ),
                        ),
                      )
                    : const Text(
                        'No results found',
                        style: TextStyle(fontSize: 24),
                      ),
              ),
            ],
          ),
        ),
      );
    }
  }
  </code></pre>