title: How to make list view in card flutter
body: <p>I am a new flutter developer.I try to make listview to view a set of data that comes from the database.The list now works, but as follows:</p>
  <p><a href="https://i.stack.imgur.com/2ib0I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2ib0I.png" alt="enter image description here" /></a></p>
  <p>Now it is not presented separately.I need to display every element in the card.An example of what I'm trying to do:</p>
  <p><a href="https://i.stack.imgur.com/khb2c.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/khb2c.jpg" alt="enter image description here" /></a></p>
  <p>In this picture, each item on the card is separate and separated from the second.How I can do it?If anyone knows the solution please help me.</p>
  <p>my code now like that:</p>
  <pre><code>@override
      Widget build(BuildContext context) {
  
      return Scaffold(
          body: Column(
              children: &lt;Widget&gt;[
                Expanded(
                     child: Card(
                         child :FutureBuilder&lt;List&lt;Flowerdata&gt;&gt;(
                            future: fetchFlowers(),
                          builder: (context, snapshot) {
                            if (!snapshot.hasData) return Center(
                            child: CircularProgressIndicator()
                            );
  
                        return ListView(
  
                          children: snapshot.data
                              .map((data) =&gt; Column(children: &lt;Widget&gt;[
  
                            GestureDetector(
                              onTap: ()=&gt;{
                                getItemAndNavigate(data.id, context)
                              },
                              child: Row(
                                  children: [
                                    Container(
                                        width: 100,
                                        height: 100,
                                        margin: EdgeInsets.fromLTRB(10, 0, 10, 0),
                                        child: ClipRRect(
                                            borderRadius: BorderRadius.circular(8.0),
                                            child:
                                            Image.network(data.flowerImageURL,
                                              width: 200, height: 100, fit: BoxFit.cover,))),
  
                                    Flexible(child:
                                    Text(data.flowerName,
                                        style: TextStyle(fontSize: 18))
                                    ),
  
                                  ]),),
  
                            Divider(color: Colors.black),
  
                          ],
                          ))
                              .toList(),
  
                        );
  
                      },
  
                    )
                ),
  
                ),
            ]
        )
      );
    }
  
  
  </code></pre>