Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 什么是约束布局';它在颤振中是等效的吗?_Flutter_Flutter Layout - Fatal编程技术网

Flutter 什么是约束布局';它在颤振中是等效的吗?

Flutter 什么是约束布局';它在颤振中是等效的吗?,flutter,flutter-layout,Flutter,Flutter Layout,我可以基于另一个小部件定位小部件吗? 像这样: 没有 颤振交错网格视图库 没有类似于ConstraintLayout的小部件,但是您可以使用不同的小部件实现您想要的,如以下示例: class Testing2 extends StatelessWidget { @override Widget build(BuildContext context) { return Container( color: Colors.red, ch

我可以基于另一个小部件定位小部件吗? 像这样:

没有

颤振交错网格视图库


没有类似于
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))
                      ],
                    ),
                  )
                ],
              ),
            )
          ],
        ),
      );
    }
类测试2扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回容器(
颜色:颜色,红色,
孩子:排(
儿童:[
灵活的(
子:列(
儿童:[
灵活的(
弹性:1,
子:容器(
颜色:颜色。深橙色,
),
),
灵活的(
弹性:2,
子:容器(
颜色:颜色。浅蓝色,
),
),
],
),
),
灵活的(
子:列(
儿童:[
灵活的(
弹性:3,
子:容器(
颜色:颜色。橙色,
)),
灵活的(
弹性:1,
孩子:排(
儿童:[
灵活的(
弹性:2,
子:容器(
颜色:颜色,蓝色,
)),
柔性(子容器(颜色:Colors.green))
],
),
)
],
),
)
],
),
);
}


你也可以看看这个链接来了解布局小部件:

flatter的核心是一个约束布局。@Matt我在那里回答得很好,在对布局进行了大量工作之后,我能说的一切……与我们Android的约束布局相比,它是非常原始的。说真的,对于flatter用户界面来说,要想与你相比还有很长的路要走r安卓的布局。看起来像是1999年java的翻版!当然,现在我们有了安卓Jetpack compose和Swift UI:)同意约束布局与颤振布局系统相比具有超强的功能。这是不一样的。颤振布局更像web布局或javafx。在安卓和iOS上,我们有约束布局,这是一种方式,方式,方式,更容易实现的方式与一起工作。我正在努力使颤振布局像我想要的那样工作,使用约束布局是小菜一碟。所以我也在想,这是颤振的主要缺点。Dart而不是Kotlin也是如此:(@felislynx.silae如果你真的了解flatter,不想浪费时间,但仍然可以制作漂亮的布局,那么Supernova或AdobeXD现在会自动为你生成所有布局代码!你所要做的就是绘制布局!;-)