TabBar 小部件内的动态选项卡而不是静态选项卡答案

【问题标题】：Dynamic Tabs inside TabBar Widget rather than static onesTabBar 小部件内的动态选项卡而不是静态选项卡
【发布时间】：2020-10-04 05:50:06
【问题描述】：

上下文：我有当前的设计 - 如下图所示 - 我在其中静态实现了 Tabs，

问题：我们如何使用来自服务器的动态值动态创建Tabs？

例如，服务器发送超过 5 个Tabs。

我当前的实现包含一个 AppBar，它支持 TabBar 和 Tabs 作为小部件列表

这是标签栏的代码 sn-p：

 bottom: TabBar(
        labelPadding: EdgeInsets.symmetric(horizontal: 20),
        indicatorColor: kDarkColor,
        labelColor: kDarkColor,
        indicatorWeight: 2,
        unselectedLabelColor: Colors.black,
        isScrollable: true,
        tabs: [
          Tab(child: Text('Timeline.mostPopularTab'.tr())),
          Tab(child: Text('Timeline.menTab'.tr())),
          Tab(child: Text('Timeline.womenTab'.tr())),
          Tab(child: Text('Timeline.kidsTab'.tr())),
        ],
      ),

【问题讨论】：

标签： flutter flutter-layout tabbar

【解决方案1】：

TabBar(
tabs: _tabsListFromServer.map((serverTab) => Tab(child: Text(serverTab.title))).toList(),
)

【讨论】：