自动编号 Flutter TabBar 选项卡

Posted 2023-03-23

【中文标题】自动编号 Flutter TabBar 选项卡

【英文标题】：Autonumbering Flutter TabBar tabs

【发布时间】：2021-12-10 08:52:15

【问题描述】：

从https://flutter.dev/docs/cookbook/design/tabs开始，请问如何让TabBar中的标签显示它们的索引？

请注意，我无法在上述文章的第 2 步中将索引号传递给每个 Tab()

相反，我希望每个选项卡都能找到自己的索引。也许通过搜索小部件树来找到父 TabController（它将有一个包含选项卡列表的子节点），然后在该列表中搜索它自己以确定它自己的索引。

非常感谢

【参考方案1】：

您可以创建自己的类来扩展 Tab 类并在构造函数中传递索引。然后你可以创建如下标签：

tabs: List.generate(3, (int index) => index).map((i) => MyTab(index = i),

或者你可以手动创建标签

【讨论】：

谢谢，但正如问题中提到的，我想知道 Tab 是否有办法发现自己​​的索引而不是将其传递给构造函数