[英]how to insert a row inside a column in flutter
[無法弄清楚中間的列]
https://i.stack.imgur.com/8kLD5.png
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Container(
height: double.infinity,
width: 100,
color: Colors.red,
),
Container(
height: 100,
width: 100,
color: Colors.white,
),
Container(
height: double.infinity,
width: 100,
color: Colors.blue,
),
])
只需使用 mainAxisAlignment 將一列放在中心: MainAxisAlignment.center
Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [
Container(
height: double.infinity,
width: 100,
color: Colors.red,
), Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container( height: 100, width: 100, color: Colors.redAccent, ),
Container( height: 100, width: 100, color: Colors.white, ),
],
), Container( height: double.infinity, width: 100, color: Colors.blue, ), ])
希望這會有所幫助:
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Container(
height: double.infinity,
width: 100,
color: Colors.red,
),
Column(
children: <Widget>[
Container(
height: 100,
width: 100,
color: Colors.white,
),
Container(
height: 100,
width: 100,
color: Colors.white,
),
]
)
Container(
height: double.infinity,
width: 100,
color: Colors.blue,
),
])
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.