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现在会自动为你生成所有布局代码!你所要做的就是绘制布局!;-)