Flutter 展开堆栈小部件内的小部件
我有一个堆栈小部件,里面有两个小部件。 其中一个画背景,另一个画在上面。 我希望两个小部件具有相同的大小 我想要顶部的小部件,它是一个列,将堆栈垂直扩展并填充到背景小部件设置的大小。 我尝试设置主轴Flutter 展开堆栈小部件内的小部件,flutter,Flutter,我有一个堆栈小部件,里面有两个小部件。 其中一个画背景,另一个画在上面。 我希望两个小部件具有相同的大小 我想要顶部的小部件,它是一个列,将堆栈垂直扩展并填充到背景小部件设置的大小。 我尝试设置主轴mainAxisSize:mainAxisSize.max,但没有成功 如何使其工作?我认为您可以将列包装在如下容器中: Container( height: double.infinity, width: double.infinity, child: Column() ),
mainAxisSize:mainAxisSize.max
,但没有成功
如何使其工作?我认为您可以将列包装在如下容器中:
Container(
height: double.infinity,
width: double.infinity,
child: Column()
),
您可以尝试使用
定位的
小部件包装列。将top
设置为0,将bottom
设置为0。这将使列垂直填充堆栈
示例代码:
Stack(
children: <Widget>[
// Background widget rep
Container(
color: Colors.pink,
),
Positioned(
top: 0,
bottom: 0,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('madonna'),
Text('flutter'),
],
),
)
],
)
堆栈(
儿童:[
//后台小部件代表
容器(
颜色:颜色。粉红色,
),
定位(
排名:0,
底部:0,
子:列(
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
文本(“麦当娜”),
文本(“颤振”),
],
),
)
],
)
使用定位。填充
Stack(
children: <Widget>[
Positioned.fill(
child: Column(
children: <Widget>[
//...
],
),
),
//...
],
);
堆栈(
儿童:[
定位填充(
子:列(
儿童:[
//...
],
),
),
//...
],
);
更多关于中定位的
的信息你能添加一点源代码吗?没有一个答案对我有用如果你添加代码,我可能可以帮助你。节省了我很多时间。我在搜索前做了追踪。