flutter - 在GridView中使图像和文本居中对齐

Question

我正在尝试将图像和文本居中对齐，当文本较小时可以使用，但是当文本较大时，一切都会改变。我正在使用GridView，每行有3个项目。

Widget buildItems(BuildContext context, String impagepath, String modulename) {
    return Column(
      mainAxisSize: MainAxisSize.max,      
      children: <Widget>[
         Expanded(          
          child: CustomButtonWidget(
                        image: impagepath,
                        size: 100,
                        borderWidth: 5,
                        onTap: () {}
                      ),

        ),
        Row(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            Container(
              width: double.infinity,
              height: double.infinity,              
              child: Text("${selectlang.getAlbum(modulename, lang_selection)}"),
            ),
          ],
        ) 

     
      ],
    );
  }

Answer 1

您需要使用Column`小部件的 CrossAxisAlignment 属性
在crossAxisAlignment: CrossAxisAlignment.center,小部件中使用Column

Widget buildItems(BuildContext context, String impagepath, String modulename) {
    return Column(
      mainAxisSize: MainAxisSize.max,     
      crossAxisAlignment: CrossAxisAlignment.center, 
      children: <Widget>[
         Expanded(          
          child: CustomButtonWidget(
                        image: impagepath,
                        size: 100,
                        borderWidth: 5,
                        onTap: () {}
                      ),

        ),
        Row(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            Container(
              width: double.infinity,
              height: double.infinity,              
              child: Text("${selectlang.getAlbum(modulename, lang_selection)}"),
            ),
          ],
        ) 

     
      ],
    );
  }