如何使标签在颤动中可滚动

Question

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

Answer 1

您可以使用DefaultTabController小部件，该Tab小部件也有一个名为 : 的属性isScrollable，设置为 true，您将看到。这是一个基本示例：

   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(),
          ),
        ),
      );
    }

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