颤动-将TabBarView放在卷轴中

颤动是一种将TabBarView放在卷轴中的效果，它可以实现在滚动视图（如ListView或CustomScrollView）中切换不同的页面内容。

在Flutter中，可以使用Flutter的Scrollable类（如ListView、CustomScrollView等）和TabBarView类来实现颤动效果。首先，需要在页面中创建一个带有TabBar和TabBarView的TabController。然后，将TabBarView放在滚动视图（如ListView）中，并通过监听滚动事件来实现切换页面的效果。

以下是颤动效果的基本步骤：

导入相关库：

import 'package:flutter/material.dart';

创建一个带有TabBar和TabBarView的TabController：

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateMixin {
  TabController _tabController;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 2, vsync: this);
  }

  @override
  void dispose() {
    _tabController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('颤动-将TabBarView放在卷轴中'),
        bottom: TabBar(
          controller: _tabController,
          tabs: [
            Tab(text: '页面1'),
            Tab(text: '页面2'),
          ],
        ),
      ),
      body: TabBarView(
        controller: _tabController,
        children: [
          // 页面1的内容
          ListView.builder(
            itemCount: 20,
            itemBuilder: (context, index) => ListTile(title: Text('页面1 - 项目$index')),
          ),
          // 页面2的内容
          ListView.builder(
            itemCount: 10,
            itemBuilder: (context, index) => ListTile(title: Text('页面2 - 项目$index')),
          ),
        ],
      ),
    );
  }
}