flutter - 在 Flutter 中将容器堆叠到 TabBarView 上

Question

所以我有具体的问题。我想将容器堆叠在 TabBarView 之上。可能吗？目前，它与 TabBar 重叠。在标签中左右滚动时，它应该保持持久（留在一个地方）。目前，我有这样的事情。我将它们堆叠在一起，但容器（出于演示目的以黄色显示）重叠并越过 TabBar：

body: Stack(children: [
        Container(
          height: 50.0,
          padding: EdgeInsets.all(50.0),
          color: Colors.yellow,
        ),
        TabBarView(
          children: [
            _displayOne(),
            _displayTwo(),
          ],
        ),
      ]),

以下是它重叠时的样子：

标签： flutterdart

Answer 1

是的，这是可能的。

但是您应该将其放入 DefaultTabController 小部件中以使 TabBarView 正常工作。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('title'),
      ),
      body: DefaultTabController(
        length: 2,
        child: Stack(children: [
          Container(
            height: 50.0,
            padding: EdgeInsets.all(50.0),
            color: Colors.yellow,
          ),
          TabBarView(
            children: [
              Center(child: Text('Hello')),
              Center(child: Text('Welcome')),
            ],
          ),
        ]),
      ),
    );
  }

.