如何在flutter中创建一个图标和文本位于同一行的标签栏？

Question

我正在尝试创建一个选项卡栏，其中包含选项卡同一行中的图标和文本。

我尝试下面的代码来实现相同的功能，因此图标和文本在选项卡中以列方式显示。

     bottom: TabBar(
                      tabs: [
                        Tab(icon: new Image.asset("assets/images/ic_policy@2x.png",width: 18,height: 18), child: Text("Policies")
                            ),
                        Tab(
                          child: Container(
                            child: Align(
                                alignment: Alignment.center,
                                child: Text("Policy Payments")),
                          ),
                        )

谁能指导我如何实现同样的目标。我的标签栏当前如下所示。

我想设计如下所示的东西：-

Answer 1

为什么不定义这样的选项卡呢？

Tab(
  child: Row(
    mainAxisSize: MainAxisSize.min,
    children: [
      Image.asset('assets/images/ic_policy@2x.png', width: 18, height: 18),
      const SizedBox(width: 8),
      Text('Policies'),
    ],
  ),
),