flutter - 如何以最好的方式实现图标下的动态文本

Question

我正在尝试在 Row 中实现 2 个 Icons 并且在每个 Icon 下一些文本

我当前的实现:

   ButtonBar(
                        alignment: MainAxisAlignment.spaceAround,
                        children: <Widget>[
                          IconButton(
                            icon: Icon(
                              Icons.directions_car,
                              size: 55.0,
                            ),
                            onPressed: () {},
                          ),
                          IconButton(
                            icon: Icon(
                              Icons.streetview,
                              size: 55.0,
                            ),
                            onPressed: () {},
                          ),
                        ],
                      ),
                      Padding(
                        padding: const EdgeInsets.fromLTRB(18.0, 10.0, 0, 0),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceAround,
                          children: <Widget>[
                            Text('some text',
                            style: TextStyle(
                              fontSize: 16.0
                            ),
                            ), 
                            Text('some text'),
                            ],
                        ),
                      ),

我的问题是我的文本应该是动态的，所以每次文本改变时，我的文本位置也会改变，有时看起来真的很难看。

如何以更好的方式放置此处发布的文本？

Answer 1

试试这个.. 所以我所做的是我在一个列中添加了图标和文本，这样它们就会像一个组一样运行

    ButtonBar(
            alignment: MainAxisAlignment.spaceAround,
            children: <Widget>[
              Column(
                children: <Widget>[
                  IconButton(
                    padding: EdgeInsets.zero,
                    icon: Icon(
                      Icons.directions_car,
                      size: 55.0,
                    ),
                    onPressed: () {},
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Text('some text'),
                ],
              ),
              Column(
                children: <Widget>[
                  IconButton(
                    padding: EdgeInsets.zero,
                    icon: Icon(
                      Icons.streetview,
                      size: 55.0,
                    ),
                    onPressed: () {},
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Text('some text'),
                ],
              ),
            ],
          ),