1

ここに画像の説明を入力

GridView と列を使用してフラッターで同じレイアウトを設計しようとしていますが、画像に表示されている正確なビューを取得できませんでした。ここでは、ほぼ同じビューを生成しているコードを共有していますが、画像の正確な幅と高さを定義したくありません。画像に示すように、excat ビューを設計するための提案をお願いします。

これが私のコードです:

                      GridTile(
                              child: new Container(
                                decoration: BoxDecoration(
                                  color: Color(0xFFFCFEE9),
                                    border: Border.all(
                                        color: Colors.grey, width: 0.2))
                                ,
                                child: Column(
                                  mainAxisSize: MainAxisSize.max,
                                  children: <Widget>[
                                         Image(
                                          alignment: Alignment.center,
                                          width: 90,
                                          height: 90,
                                          image: NetworkImage(
                                              listdata[index]
                                                  .categories[categoryIndex]
                                                  .catAppImg),
                                        ),
                                    Expanded(
                                        child: Align(
                                            alignment: FractionalOffset
                                                .bottomCenter,
                                            child: Text(
                                              listdata[index]
                                                  .categories[categoryIndex]
                                                  .catName
                                                  .toString(),
                                              maxLines: 1,
                                              textAlign: TextAlign.center,
                                              style: TextStyle(
                                                  fontSize: 10,
                                                  color: Colors.black),
                                            ))),
                                    SizedBox(
                                      height: 3,
                                    )
                                  ],
                                ),
                              ),
                            )
4

0 に答える 0