【问题标题】:How to center only one element in a column of 5 elements in flutter如何在颤动的 5 个元素的列中仅将一个元素居中
【发布时间】:2021-10-27 02:07:12
【问题描述】:

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

【问题讨论】:

    标签: flutter dart row center


    【解决方案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 "),
            ],
          ),
    

    【讨论】:

    • 您能否添加完整的小部件树,以便我们检查它包含多少列或行。另外,您能否添加一个包含小部件名称的图表。
    猜你喜欢
    • 2019-01-06
    • 2016-09-01
    • 2022-01-07
    • 2014-09-18
    • 2021-12-06
    • 2012-09-25
    • 2017-05-13
    • 2017-05-15
    • 1970-01-01
    相关资源
    最近更新 更多