GridViewのように子ビューを縮小するには

Question

最初の画像でここに示すように、Flutterで子ビューの縮小を達成する方法を知っていますか？私は非常によく仕事を行うgridViewを使用しました。

2番目の画像では、私は行を使用しましたが、コンテナとコンストレインで試しましたが、うまく機能しませんでした。新しいコンテナ（ マージン：CONST EdgeInsets.all（16.0）、

 child:new Row(
     mainAxisAlignment: MainAxisAlignment.spaceEvenly, 
     children: <Widget>[ 
      new Container(
      padding: const EdgeInsets.all(2.0), 
      child: new FoodTile(name: "Tile one", onPressed:(bool state){}), 
     ), 
      new Container(
      padding: const EdgeInsets.all(2.0), 
      child: new FoodTile(name: "Tile two", onPressed:(bool state){}), 
     ), 
      new Container(
      padding: const EdgeInsets.all(2.0), 
      child: new FoodTile(name: "Tile three", onPressed:(bool state){}), 
     ) 

     ], 
    ) 
    )); 

; D

return new GridView.count(
    crossAxisCount: 3, 
    padding: const EdgeInsets.all(16.0), 
    mainAxisSpacing: 4.0, 
    shrinkWrap: true, 
    crossAxisSpacing: 4.0, 

    children: widget.foodItems.map((FoodViewModel food){ 
     return new FoodTile(
      name: food.name, 
      icon: food.icon 
      , onPressed: (bool state) { 
       food.isSelected = state; 
       widget?.onFoodItemTaped(food, state); 
      }, 
     ); 
    }).toList(), 
); 

ここで任意の制約なしに行のコードは、（ 子を新しいSingleChildScrollViewを返す

Complete source code to the tile

Answer 1

FoodTileのインスタンスをFlexibleまたはExpandedにラップして、が柔軟なレイアウトモデルを適用し、均等に配置するようにする必要があります。

Answer 2

最終結果がどのように見えるのか疑問に思っているだけです。私はまだ "LayoutBuilder-Solution"に少し不満ですが、それは私のために正しく知っています。それをしなかった

return new SingleChildScrollView(
    child: new Container(
     margin: const EdgeInsets.all(16.0), 

     child: new Row(
     mainAxisAlignment: MainAxisAlignment.spaceEvenly, 
     mainAxisSize: MainAxisSize.min, 
     children: <Widget>[ 
      new Expanded(child: new LayoutBuilder(builder: (BuildContext context, BoxConstraints constraints){ 
      return new Container(
       constraints: new BoxConstraints.tightFor(width: constraints.maxWidth, height: constraints.maxWidth), 
       padding: const EdgeInsets.all(2.0), 
       child: new FoodTile(name:"hallo",onPressed: (bool state){}), 
      ); 
      })), 
      new Expanded(child: new LayoutBuilder(builder: (BuildContext context, BoxConstraints constraints){ 
      return new Container(
       constraints: new BoxConstraints.tightFor(width: constraints.maxWidth, height: constraints.maxWidth), 
       padding: const EdgeInsets.all(2.0), 
       child: new FoodTile(name:"hallo 2",onPressed: (bool state){}), 
      ); 
      })), 
      new Expanded(child: new LayoutBuilder(builder: (BuildContext context, BoxConstraints constraints){ 
      return new Container(
       constraints: new BoxConstraints.tightFor(width: constraints.maxWidth, height: constraints.maxWidth), 
       padding: const EdgeInsets.all(2.0), 
       child: new FoodTile(name:"hallo 3",onPressed: (bool state){}), 
      ); 
      })), 
     ], 
    ),