Flutter TabBar小部件中的动态选项卡，而不是静态选项卡

上下文：我有当前的设计-如下面的屏幕截图所示-我静态地实现了

选项卡

s

问题：如何使用服务器的动态值动态创建

选项卡

s

例如，服务器发送5个以上的

Tab

s

我当前的实现包含一个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())),
        ],
      ),

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