如何在颤动的 5 个元素的列中仅将一个元素居中

Posted 2023-03-29

【中文标题】如何在颤动的 5 个元素的列中仅将一个元素居中

【英文标题】：How to center only one element in a column of 5 elements in flutter

【发布时间】：2021-10-27 02:07:12

【问题描述】：

我在一列中有 5 个元素，我让它们在开始时交叉， 我需要在列的中心添加另一个元素“文本”， 那么如何让我的 Text 在整个 Column 中居中，而其余元素则以正确的开头？

【参考方案1】：

在column 中，一个元素用Align 小部件包装

Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text('in start'), 
            Align(alignment: Alignment.center, child: Row(children: [ Icon(), Text() ] )),
            Align(alignment: Alignment.center, child: Text("test")),
            Text("test"),
            Text("test"),
            Text("test"),
          ],
        ),

输出：

【讨论】：

谢谢，但它不起作用，这是我的代码： Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text('in start'), Row( //make it在中心儿童中：[ Icon(), Text() ]

用align 包裹你的行，就像给定的例子

它适用于文本小部件，但不适用于 Row，我需要它用于 Row，我编辑我的问题并添加我的屏幕请看一下

你可以试试在行mainAxisAlignment: MainAxisAlignment.center,

这里传alignment: Alignment.center,没用，这个属性默认是Alignment.center，另外还有Center widget

【参考方案2】：

结果

代码

 Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text("start"),
          ElevatedButton(onPressed: () , child: Text("ink")),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Icon(Icons.ac_unit),
              Text("Center"),
            ],
          ),
          Text("text "),
        ],
      ),

【讨论】：

您能否添加完整的小部件树，以便我们检查它包含多少列或行。另外，您能否添加一个包含小部件名称的图表。