时间戳

首页 > 解决方案 > 我如何在行内居中小部件？

android - 我如何在行内居中小部件？

问题描述

所以我有这段代码，我尝试使用 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(),
                    ),
                ],
            ),
        ),
    ),

我希望喜欢的不喜欢和分享在中心。我怎么做？

标签： androidflutter

解决方案

你应该使用mainAxisAlignment

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children:[ comp1(), comp2()

推荐阅读