Flutter 列,其元素对齐到不同侧,而不拉伸列的宽度

问题描述 投票:0回答:2

我想让一列采用内容的宽度,并让一些元素向右对齐,一些元素向左对齐。

这可能吗?

如果我在子项上使用“对齐”小部件,则整个列的宽度都会拉伸。还有别的办法吗?

谢谢你

编辑:示例

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,
          ),
        ],
      ),
    ),
  );

我想要上面的列,左边是红色方块,右边是蓝色(并且该列不拉伸到可用宽度)。

flutter flutter-layout
2个回答
0
投票

试试这个-

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,
                    ),
                  ],
                ),
              ],
            ),
          ),
        )

0
投票

您可以简单地尝试将列的内容放在一行中,这样您就可以根据需要在容器内放置元素的宽度和高度。 列 -> 行 -> 对齐容器。

© www.soinside.com 2019 - 2024. All rights reserved.