如何在顫動的同一行中創建帶有圖標和文本的標簽欄？

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'),
    ],
  ),
),