flutter - TabBar 小部件内的动态选项卡而不是静态选项卡
问题描述
上下文:我有当前的设计-如下面的屏幕截图所示-我在其中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())),
],
),
解决方案
TabBar(
tabs: _tabsListFromServer.map((serverTab) => Tab(child: Text(serverTab.title))).toList(),
)
推荐阅读
- c++ - 当我的代码给出正确的输出时,为什么会出现分段错误?
- php - 缺少存储过程的第一个结果
- c# - 如何使用 listview-xamarin 设置 x 按钮以删除每一行数据库上的记录
- rust - 用于强类型对象的通用 serde_json 反序列化函数
- c# - 如何将数据从一个用户控件传递到另一个用户控件
- wso2 - 如何将数据流从 API Manager 发送到 Stream Integrator?
- javascript - 我如何使用“。”的参数 操作员?
- python - 如何在 python 中创建 bin 编号生成器?
- html5-audio - 音频标签适用于 Android,但不适用于 IOS
- python - 当我尝试添加帖子然后添加成功但它没有显示在仪表板中它只显示主页我为在仪表板中显示帖子所做的事情