TabBar 小部件内的动态标签而不是静态标签

Wal*_*hed 5 tabbar flutter flutter-layout

上下文:我有当前的设计 - 显示在下面的屏幕截图中 - 我Tab静态实现了s,

标签栏

问题:我们如何Tab使用来自服务器的动态值动态创建s?

例如,服务器发送超过 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())),
        ],
      ),
Run Code Online (Sandbox Code Playgroud)

小智 1

TabBar(
tabs: _tabsListFromServer.map((serverTab) => Tab(child: Text(serverTab.title))).toList(),
)
Run Code Online (Sandbox Code Playgroud)