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

Question

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

我希望“喜欢”、“喜欢”和“分享”位于中心位置。我该怎么做？

Answer 1

你应该使用mainAxisAlignment

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