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

时间:2018-08-20 02:57:06

标签: flutter flutter-layout

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

Tiled Layout 没有

  

flutter_staggered_grid_view库

1 个答案:

答案 0 :(得分:2)

没有WidgetConstraintLayout类似,但是您可以使用不同的小部件来实现所需的功能,例如以下示例:

  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))
                      ],
                    ),
                  )
                ],
              ),
            )
          ],
        ),
      );
    }

Result

您也可以通过以下链接了解布局小部件:https://flutter.io/widgets/layout/

相关问题