如何使标签在Flutter中可滚动

Question

我已经开发了一段时间的android应用程序，目前我正在将android应用程序移植到扑朔迷离中，这是我不久前开始的。我已经能够在Android中使标签滚动，但是我发现很难在颤抖中做到这一点。我可以创建选项卡，但它们大约有7个并且超过了屏幕宽度。因此，我想使其可滚动以避免这种情况。 下面是我在android应用程序中所做的，并且我想要实现类似的功能。任何帮助，将不胜感激。谢谢。

Answer 1

您可以使用Tab小部件，isScrollable小部件还具有一个名为 final List<Tab> myTabs = List.generate( 10, (index) => Tab(text: 'TAB $index'), ); @override Widget build(BuildContext context) { return DefaultTabController( length: myTabs.length, child: Scaffold( appBar: AppBar( bottom: TabBar( isScrollable: true, tabs: myTabs, ), ), body: TabBarView( children: myTabs.map((Tab tab) { return Center(child: Text(tab.text)); }).toList(), ), ), ); } 的属性，将其设置为true即可看到。 这是一个基本示例：

{{1}}

您可以在此处找到更多信息：https://docs.flutter.io/flutter/material/DefaultTabController-class.html