Flutter：基于内容具有动态高度的选项卡

Question

不知怎的，我让它工作了，但滚动功能不见了：

return Scaffold(
      body: DefaultTabController(
        length: 2,
        child: ListView(
          children: <Widget>[
            Container(
              height: 120,
              child: Center(
                child: Text('something on top'),
              ),
            ),
            TabBar(
              // controller: _tabController,
              labelColor: Colors.redAccent,
              isScrollable: true,
              tabs: [
                Tab(text: "Finished"), // TODO: translate
                Tab(text: "In progress"), // TODO: translate
              ],
            ),
            Center(
              child: [
                Text('second tab1232'),
                Text('second tab111'),
                Column(
                  children: List.generate(20, (index) => Text('line: $index'))
                      .toList(),
                ),
                Text('third tab')
              ][0], // change this
            ),
            Container(child: Text('another component')),
          ],
        ),
      ),
    );

注意：勾选我简化的 [0]。

不确定我是否可以修复滚动条，或者我是否需要采取完全不同的方法。

以原始方式滚动的内容示例：https://flutter.dev/docs/cookbook/design/tabs

Answer 1

查看这个其他答案可以解决问题：https://stackoverflow.com/a/57383014/12334012