约束布局在 Flutter 中的等价物是什么？

Question

我可以根据另一个小部件定位一个小部件吗？ 像这样：

Tiled Layout 没有

flutter_staggered_grid_view Library

Answer 1

没有 Widget 与 ConstraintLayout 相似，但您可以使用不同的小部件实现您想要的效果，例如：

  class Testing2 extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Container(
        color: Colors.red,
        child: Row(
          children: <Widget>[
            Flexible(
              child: Column(
                children: <Widget>[
                  Flexible(
                    flex: 1,
                    child: Container(
                      color: Colors.deepOrange,
                    ),
                  ),
                  Flexible(
                    flex: 2,
                    child: Container(
                      color: Colors.lightBlue,
                    ),
                  ),
                ],
              ),
            ),
            Flexible(
              child: Column(
                children: <Widget>[
                  Flexible(
                      flex: 3,
                      child: Container(
                        color: Colors.orange,
                      )),
                  Flexible(
                    flex: 1,
                    child: Row(
                      children: <Widget>[
                        Flexible(
                            flex: 2,
                            child: Container(
                              color: Colors.blue,
                            )),
                        Flexible(child: Container(color: Colors.green))
                      ],
                    ),
                  )
                ],
              ),
            )
          ],
        ),
      );
    }

你也可以看看这个link来了解布局小部件：https://flutter.io/widgets/layout/

Answer 2

你可以试试这个：

https://github.com/hackware1993/Flutter-ConstraintLayout

构建具有约束的灵活布局，类似于Android ConstraintLayout。

无论布局多复杂，依赖多深，ConstraintLayout的每个子元素都只会被测量一次，从而实现极高的布局性能。