如何在行内对小部件进行居中？
如何在行内对小部件进行居中？
提问于 2019-08-23 10:29:54
因此，我尝试使用center()小部件编写这段代码，但无法在中间获取元素，这是它们的外观。
有趣的是，绿色容器消耗了所有的屏幕宽度，但是容器中的小部件并不是水平对齐的。
这是密码
Center(
child: Container(
color : Colors.green,
alignment: Alignment(0.0, 0.0),
child: Row(
children: <Widget>[
InkWell(
child: Text(
" Likes \n" + document['likes'].toString()),
onTap: () => LikeQuote(document),
),
InkWell(
child: Text(" Dislikes \n" +
document['dislikes'].toString()),
onTap: () => DislikeQuote(document),
),
InkWell(
child: Text(" Shares \n" +
document['shares'].toString()),
onTap: () => ShareQuote(),
),
],
),
),
),我希望类似的厌恶和分享在中间。我该怎么做？
回答 3
Stack Overflow用户
回答已采纳
发布于 2019-08-25 05:33:13
要在行或列中对齐小部件，我们可以在行或列中使用这些参数。
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,行：
- mainAxisAlignment确定路径的水平对齐
- crossAxisAlignment确定路径的垂直对齐
栏：
- mainAxisAlignment确定路径的垂直对齐
- crossAxisAlignment确定路径的水平对齐
Stack Overflow用户
发布于 2019-08-23 10:34:12
你应该使用mainAxisAlignment
Row(
mainAxisAlignment: MainAxisAlignment.center,
children:[ comp1(), comp2()Stack Overflow用户
发布于 2019-08-23 10:40:43
Container(
color : Colors.green,
alignment: Alignment(0.0, 0.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
InkWell(
child: Text(
" Likes \n" + document['likes'].toString()),
onTap: () => LikeQuote(document),
),
InkWell(
child: Text(" Dislikes \n" +
document['dislikes'].toString()),
onTap: () => DislikeQuote(document),
),
InkWell(
child: Text(" Shares \n" +
document['shares'].toString()),
onTap: () => ShareQuote(),
),
],
)
,
),页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57624442
复制相关文章
相似问题
腾讯云开发者
