gpt4 book ai didi

flutter - 在中心对齐列,但在 Flutter 中将文本与屏幕左侧对齐

转载 作者:行者123 更新时间:2023-12-03 02:50:28 24 4
gpt4 key购买 nike

很抱歉问了这么一个微不足道的问题,但我已经无能为力了。我刚刚花了 3 个小时试图让一列在中心对齐,如果没有 Container,我就无法做到这一点,现在我无法将文本放在屏幕的左侧。

为了更好地解释它,我在我的应用程序的中心有一个我想要的列。在顶部有文本,它被移动到左边,但列中的所有其他小部件都居中。

对于该列,我尝试了 mainAxisAlign 和 crossAxisAlign。前者绝对什么都不做,后者走错了方向(垂直居中而不是水平居中,这不是我想要的)。经过多次其他尝试后,我已经使用容器,但现在我无法将文本移到左侧。我使用 textAlign: TextAlign.Left 并尝试通过将 Container 放入 SizedBox.expand() 来扩展容器以适应屏幕,但没有任何 react 。

谁能解释一下如何将列居中,然后将文本向左对齐?

这是我迄今为止尝试过的:

return SizedBox.expand(
child: Container(
alignment: Alignment.center,
child: Column(
children:
[
Text(
text,
style: TextStyle(
fontSize: 25.0,
),
textAlign: TextAlign.left,
),
CircularProgressIndicator(
backgroundColor: Colors.white10,
strokeWidth: 5,
)
],
crossAxisAlignment: CrossAxisAlignment.center,
),
margin: EdgeInsets.all(10.0),
)
);

Just in case I'm explaining this terribly, here is a basic picture
谢谢!

最佳答案

使用 Align() 小部件

Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Align(
alignment: Alignment.centerLeft,
child:
Text(
'text',
),
),
],
),

关于flutter - 在中心对齐列,但在 Flutter 中将文本与屏幕左侧对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59967843/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com