TabBar Widget 中的动态选项卡而不是静态选项卡

Question

上下文： 我有当前的设计 - 在下面的屏幕截图中显示 - 我在其中静态实现了 Tabs，

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

比如服务器发送超过5Tab秒。

我当前的实现包含一个 AppBar，它支持 TabBar 将选项卡作为小部件列表

这是标签栏的代码片段：

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

Answer 1

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

TabBar Widget 中的动态选项卡而不是静态选项卡

Dynamic Tabs inside TabBar Widget rather than static ones

tabbar

flutter

flutter-layout