Flutter Gridview in Column. What's solution..?

Question

I have a problem with gridview and column. In this case, i want put an image in upper of gridview. Please give me a solution..

return new Container(   child: new Column(     children: <Widget>[       new Container(         child: new Image.asset(           "assets/promo.png",           fit: BoxFit.cover,         ),       ),       new Container(         child: new GridView.count(           crossAxisCount: 2,           childAspectRatio: (itemWidth / itemHeight),           controller: new ScrollController(keepScrollOffset: false),           shrinkWrap: true,           scrollDirection: Axis.vertical,           children: new List<Widget>.generate(16, (index) {             return new GridTile(                 header: new Container(                   padding: const EdgeInsets.all(10.0),                   alignment: Alignment.centerRight,                   child: new Icon(                     Icons.shopping_cart,                     size: 20.0,                     color: Colors.red,                   ),                 ),                 child: new MyList(                   nomor: '$index',                 ));           }),         ),       ),     ],   ), ); 

and this is the result: Flutter Gridview in Column

Answer 1

You just need to put your grid view into Expanded widget, for example:

body: new Column(   children: <Widget>[     new Expanded(       child: GridView.count(         // Create a grid with 2 columns. If you change the scrollDirection to         // horizontal, this would produce 2 rows.         crossAxisCount: 2,         // Generate 100 Widgets that display their index in the List         children: List.generate(10, (index) {           return _buildCard(index);         }),       ),     ),     new Text("text")   ], ),