时间戳

首页 > 解决方案 > Flutter - 网格布局中的动态列数

flutter - Flutter - 网格布局中的动态列数

问题描述

我是 Flutter 的新手。就像我们可以覆盖 Android 中网格布局的列数一样。我想使用 Flutter 实现同样的目标。

就像我的一些网格布局项目应该在一行中有一列，而对于某些行，我需要不止一列。任何想法如何实现这一点都会很棒。

标签： fluttergrid-layoutflutter-layout

解决方案

好吧，我没有网格，但我的要求与我确实需要构建的 N*M 布局的要求相似

请参考这里我试图构建一个用于显示的二维矩阵我能够使用嵌套的for循环来实现每一行和每一列此外，每一行中的列数是有限的（尽管每行有所不同）和事先知道

代码片段：

Widget _buildBody() {
    List<Widget> rows = new List<Widget>(gameBoard.length);
    for (int i=0;i<gameBoard.length; i++){
      List<Widget> cols = new List<Widget>(gameBoard[i].length);
      for(int j=0; j<gameBoard[i].length; j++){
        cols[j] = gameBoard[i][j].column;
      }
      rows[i] = new Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: cols,
      );
    }

    return new Container(
      child: new Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: rows,
      ),
    );
}

希望对你有帮助

推荐阅读