Flutter是否支持级联网格？

Question

Flutter是否支持级联网格样式布局，例如：

Answer 1

您可以在一行中创建4个扩展并在每个扩展中添加容器列：

以下是我运行的代码，并提供您希望的确切结果：

new Row(
                children: <Widget>[
                    new Expanded(
                        child: new Column(
                            children: <Widget>[
                                new Container(
                                    height: 50.0,
                                    color: Colors.grey,
                                    margin: new EdgeInsets.all(10.0),
                                ),
                                new Container(
                                    height: 24.0,
                                    color: Colors.grey,
                                    margin: new EdgeInsets.all(10.0),
                                ),
                                new Container(
                                    height: 150.0,
                                    color: Colors.grey,
                                    margin: new EdgeInsets.all(10.0),
                                ),
                            ],
                        ),
                    ),
                    new Expanded(
                        child: new Column(
                            children: <Widget>[
                                new Container(
                                    height: 140.0,
                                    color: Colors.grey,
                                    margin: new EdgeInsets.all(10.0),
                                ),
                                new Container(
                                    height: 90.0,
                                    color: Colors.grey,
                                    margin: new EdgeInsets.all(10.0),
                                ),
                                new Container(
                                    height: 58.0,
                                    color: Colors.grey,
                                    margin: new EdgeInsets.all(10.0),
                                ),
                            ],
                        ),
                    ),
                    new Expanded(
                        child: new Column(
                            children: <Widget>[
                                new Container(
                                    height: 20.0,
                                    color: Colors.grey,
                                    margin: new EdgeInsets.all(10.0),
                                ),
                                new Container(
                                    height: 220.0,
                                    color: Colors.grey,
                                    margin: new EdgeInsets.all(10.0),
                                ),
                                new Container(
                                    height: 50.0,
                                    color: Colors.grey,
                                    margin: new EdgeInsets.all(10.0),
                                ),
                            ],
                        ),
                    ),
                    new Expanded(
                        child: new Column(
                            children: <Widget>[
                                new Container(
                                    height: 50.0,
                                    color: Colors.grey,
                                    margin: new EdgeInsets.all(10.0),
                                ),
                                new Container(
                                    height: 150.0,
                                    color: Colors.grey,
                                    margin: new EdgeInsets.all(10.0),
                                ),
                                new Container(
                                    height: 100.0,
                                    color: Colors.grey,
                                    margin: new EdgeInsets.all(10.0),
                                ),
                            ],
                        ),
                    ),
                ],
            )

它给出了以下结果：

Answer 2

您可以将CustomScrollView或SliderGrid与自定义gridDelegate

一起使用