Flutter中的约束布局等效项是什么?

dav*_*020 5 flutter flutter-layout

我可以基于另一个窗口小部件放置窗口小部件吗?像这样:

平铺版面 不带

flutter_staggered_grid_view库

die*_*per 8

没有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))
                      ],
                    ),
                  )
                ],
              ),
            )
          ],
        ),
      );
    }
Run Code Online (Sandbox Code Playgroud)

结果

您也可以查看此链接以了解布局小部件:https ://flutter.io/widgets/layout/

  • 好吧,在进行了大量的布局工作之后我只能说……与我们的 Android 约束布局相比,它非常原始。说实话,Flutter UI 要想与我们的 Android 布局进行比较还有很长的路要走。看起来像是 1999 年 java 的闪回! (47认同)
  • 这是不一样的。Flutter 布局更像是 Web 布局或 javafx。在 Android 和 iOS 上,我们有约束布局,它非常非常容易使用。我正在努力让颤动布局像我想要的那样工作,使用约束布局这是小菜一碟。所以我也在想,这是颤振的主要缺点。Dart 而不是 Kotlin 也是如此:( (6认同)
  • 当然,现在我们有了 Android Jetpack compose 和 Swift UI :) (3认同)
  • 与 Flutter 布局系统相比,Agreed Constrain Layout 具有超强的能力。 (2认同)