flutter TabBar pageview组合使用

在Flutter中，可以通过将TabBar和PageView组合在一起来创建具有选项卡的页面滚动视图。下面是一个简单的示例，演示如何使用TabBar和PageView来创建具有选项卡的页面滚动视图。

首先，我们需要在代码中导入必要的库：

import 'package:flutter/material.dart';

然后，我们可以创建一个StatefulWidget，其中包含一个TabBar和一个PageView。在这个示例中，我们将创建一个具有三个选项卡的滚动视图，每个选项卡都包含一个文本控件。

class MyTabbedPage extends StatefulWidget {
  @override
  _MyTabbedPageState createState() => _MyTabbedPageState();
}

class _MyTabbedPageState extends State<MyTabbedPage> {
  final List<Tab> myTabs = <Tab>[
    Tab(text: 'Tab 1'),
    Tab(text: 'Tab 2'),
    Tab(text: 'Tab 3'),
  ];

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: myTabs.length,
      child: Scaffold(
        appBar: AppBar(
          title: Text('My Tabbed Page'),
          bottom: TabBar(
            tabs: myTabs,
          ),
        ),
        body: TabBarView(
          children: myTabs.map((Tab tab) {
            return Center(child: Text(tab.text));
          }).toList(),
        ),
      ),
    );
  }
}

在这个示例中，我们首先定义了一个包含三个选项卡的TabBar。然后，我们使用DefaultTabController来指定选项卡的数量，并将TabBar包装在AppBar中。最后，我们使用TabBarView来构建页面视图，并将一个文本控件放在每个选项卡中间。

现在，我们可以将MyTabbedPage添加到我们的应用程序中：

void main() {
  runApp(MaterialApp(
    title: 'My App',
    home: MyTabbedPage(),
  ));
}

这样，我们就可以创建一个具有选项卡的页面滚动视图，用户可以在不同的选项卡之间滚动并查看不同的页面内容。