flutter - 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

标签： flutterflutter-layout

Answer 1

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