title: Unable to display on column 2
body: <p>I have the below display and data is coming from JSON. But, the problem is data is showing only on one column all the time. How do I make sure it is like left to right till all the data is filled?<a href="https://i.stack.imgur.com/tYKoN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tYKoN.png" alt="enter image description here"></a></p>
  
  <p>this is the code. As you can see that I am creating a card and having the rest of the details inside the card and then in another code I am looping till I have all the JSON details.</p>
  
  <pre><code>   import 'dart:async';
  
  import 'package:flutter/material.dart';
  import 'package:cloud_firestore/cloud_firestore.dart';
  import 'package:elegal_dart/models/items.dart';
  import 'package:elegal_dart/services/api.dart';
  
  class LostPage extends StatefulWidget {
    @override
    _LostPage createState() =&gt; new _LostPage();
  }
  
  class _LostPage extends State&lt;LostPage&gt; {
    List&lt;Item&gt; _items = [];
  
  
  
  
    @override
    void initState() {
      super.initState();
      _loadLostItems();
    }
  
    _loadLostItems() async {
      String fileData =
          await DefaultAssetBundle.of(context).loadString("assets/items.json");
      setState(() {
        _items = ItemApi.allItemsFromJson(fileData);
      });
      print(_items.toString());
    }
  
  
  
  
    Widget _buildLostItems(BuildContext context, int index) {
      Item item = _items[index];
  
      return GridView.count(
        shrinkWrap: true,
        crossAxisCount: 2,
        children: &lt;Widget&gt;[
          Card(
            child: Column(
              // mainAxisSize: MainAxisSize.max,
              mainAxisAlignment: MainAxisAlignment.center,
              children: &lt;Widget&gt;[
                Expanded(
                  child: Stack(
                    fit: StackFit.expand,
                    children: &lt;Widget&gt;[
                      Container(
                        height: MediaQuery.of(context).size.height / 4,
                        width: MediaQuery.of(context).size.height / 2.5,
                        child: DecoratedBox(
                          decoration: BoxDecoration(
                            image: DecorationImage(
                                image: NetworkImage(
                                    item.item_DispPic),
                                fit: BoxFit.cover),
                          ),
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: Align(
                          alignment: FractionalOffset.topLeft,
                          child: CircleAvatar(
                            backgroundColor: Colors.redAccent,
                            radius: 15.0,
                            child: Text(
                              "NEW",
                              textScaleFactor: 0.5,
                            ),
                          ),
                        ),
                      ),
                      Align(
                        alignment: FractionalOffset.topRight,
                        child: Container(
                          color: Colors.blueAccent,
                          height: 35.0,
                          width: 35.0,
                          child: Center(
                            child: Column(
                              mainAxisAlignment: MainAxisAlignment.center,
                              children: &lt;Widget&gt;[
                                Icon(Icons.account_circle),
                                Text(
                                  "1P",
                                  textScaleFactor: 0.5,
                                ),
                              ],
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
                Center(
                  child: Container(
                    padding: const EdgeInsets.all(8.0),
                    alignment: FractionalOffset.bottomCenter,
                    child: Text(
                      "MEGADISH",
                      style: TextStyle(
                        fontWeight: FontWeight.w700,
                      ),
                    ),
                  ),
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceAround,
                  children: &lt;Widget&gt;[
                    FlatButton(
                      child: Text(
                        "Add To Cart",
                        style: TextStyle(color: Colors.grey[500]),
                      ),
                      onPressed: () =&gt; null,
                    ),
                    Text(
                      "\$5",
                      style: TextStyle(color: Colors.grey[500]),
                    )
                  ],
                )
              ],
            ),
          ),
        ],
      );
    }
  
  
    Widget _getAppTitleWidget() {
      return new Text(
        'Lost Items',
        style: new TextStyle(
          color: Colors.white,
          fontWeight: FontWeight.bold,
          fontSize: 32.0,
        ),
      );
    }
  
    Widget _buildBody() {
      return new Container(
        margin: const EdgeInsets.fromLTRB(
            8.0,  // A left margin of 8.0
            56.0, // A top margin of 56.0
            8.0,  // A right margin of 8.0
            0.0   // A bottom margin of 0.0
        ),
        child: new Column(
          // A column widget can have several
          // widgets that are placed in a top down fashion
          children: &lt;Widget&gt;[
            //_getAppTitleWidget(),
            _getListViewWidget()
          ],
        ),
      );
    }
  
    Future&lt;Null&gt; refresh() {
      _loadLostItems();
      return new Future&lt;Null&gt;.value();
    }
  
    Widget _getListViewWidget() {
      return new Flexible(
          child: new RefreshIndicator(
              onRefresh: refresh,
              child: new ListView.builder(
                  physics: const AlwaysScrollableScrollPhysics(),
                  itemCount: _items.length,
                  itemBuilder: _buildLostItems
              )
          )
      );
    }
  
    @override
    Widget build(BuildContext context) {
      return new Scaffold(
        backgroundColor: Colors.blue,
        body: _buildBody(),
      );
    }
  }
  </code></pre>