Flutter 将列居中对齐,但将文本对齐到屏幕左侧
很抱歉问了这么一个琐碎的问题,但我已经不知所措了。我刚刚花了3个小时试图让一列在中间对齐,没有容器我无法做到这一点,现在我无法将文本放在屏幕左侧 为了更好地解释这一点,我想在我的应用程序的中心有一个专栏。在顶部有文本,文本移到左侧,但列中的其他小部件都居中 对于该列,我尝试了mainAxisAlign和crossAxisAlign。前者完全不起作用,而后者走错方向(垂直居中,而不是水平居中,这不是我想要的)。在多次尝试之后,我求助于使用容器,但现在我无法将文本向左移动。我使用了Flutter 将列居中对齐,但将文本对齐到屏幕左侧,flutter,dart,Flutter,Dart,很抱歉问了这么一个琐碎的问题,但我已经不知所措了。我刚刚花了3个小时试图让一列在中间对齐,没有容器我无法做到这一点,现在我无法将文本放在屏幕左侧 为了更好地解释这一点,我想在我的应用程序的中心有一个专栏。在顶部有文本,文本移到左侧,但列中的其他小部件都居中 对于该列,我尝试了mainAxisAlign和crossAxisAlign。前者完全不起作用,而后者走错方向(垂直居中,而不是水平居中,这不是我想要的)。在多次尝试之后,我求助于使用容器,但现在我无法将文本向左移动。我使用了textAlign
textAlign:textAlign.Left
,试图通过将容器放入一个SizedBox.expand()
来扩展容器以适应屏幕,但什么也没有发生
有人能解释一下你是如何将这些列居中,然后将文本向左对齐的吗
这就是我迄今为止所尝试的:
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),
)
);
谢谢 您应该使用行和列的组合。行可以水平展开,列可以垂直展开
SizedBox.expand(
孩子:填充(
填充:所有边缘设置(12.0),
子项:列(子项:[
行(子项:[文本('Hello')]),
扩大(
子:列(
子项:[CircularProgressIndicator()],
mainAxisAlignment:mainAxisAlignment.center)
])))
使用Align()
小部件
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Align(
alignment: Alignment.centerLeft,
child:
Text(
'text',
),
),
],
),
列(
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
对齐(
对齐:alignment.centerLeft,
儿童:
正文(
“文本”,
),
),
],
),
你能发布你迄今为止尝试过的代码和预期设计的草图吗?@ManishRaj现在就这样做了:)