我想让一列采用内容的宽度,并让一些元素向右对齐,一些元素向左对齐。
这可能吗?
如果我在子项上使用“对齐”小部件,则整个列的宽度都会拉伸。还有别的办法吗?
谢谢你
编辑:示例
Center(
child: Container(
color: Colors.yellow,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
color: Colors.red,
width: 50,
height: 50,
),
Text('Here goes some text with variable length'),
Container(
color: Colors.blue,
width: 50,
height: 50,
),
],
),
),
);
我想要上面的列,左边是红色方块,右边是蓝色(并且该列不拉伸到可用宽度)。
试试这个-
Center(
child: Container(
color: Colors.yellow,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Container(
color: Colors.red,
width: 50,
height: 50,
),
],
),
SizedBox(width: 100),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
Container(
color: Colors.blue,
width: 50,
height: 50,
),
],
),
],
),
),
)
您可以简单地尝试将列的内容放在一行中,这样您就可以根据需要在容器内放置元素的宽度和高度。 列 -> 行 -> 对齐容器。