我需要在flutter中使用包含动态内容的垂直选项卡

class MyTabPage extends StatefulWidget {
  @override
  _MyTabPageState createState() => _MyTabPageState();
}

class _MyTabPageState extends State<MyTabPage> with SingleTickerProviderStateMixin {
  TabController _tabController;

  List<String> _tabTitles = ['Tab 1', 'Tab 2', 'Tab 3'];
  List<Widget> _tabContents = [
    Text('Content 1'),
    ListView.builder(
      itemCount: 20,
      itemBuilder: (BuildContext context, int index) {
        return ListTile(
          title: Text('Item $index'),
        );
      },
    ),
    Container(
      color: Colors.blue,
      child: Center(
        child: Text('Content 3'),
      ),
    ),
  ];

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

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Vertical Tabs'),
        bottom: TabBar(
          controller: _tabController,
          isScrollable: true,
          tabs: _tabTitles.map((String title) {
            return Tab(
              text: title,
            );
          }).toList(),
        ),
      ),
      body: TabBarView(
        controller: _tabController,
        children: _tabContents,
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: MyTabPage(),
  ));
}