android - 在 Scroll Flutter 上隐藏 Appbar？

Question

考虑这张图片。如您所见，它有一个应用栏，而应用栏有选项卡式按钮。我正在尝试为 appbar 设置动画，以便它在向上滚动时隐藏并只留下选项卡按钮显示，并且在向上滚动时 appbar 出现。请帮帮我。抱歉英语不好，不是美国人，我也不是英语

Answer 1

如果我理解正确，以下代码应该使应用栏在滚动时隐藏，而 TabBar 保持可见:

空安全码:

class _SomePageState extends State<SomePage> with SingleTickerProviderStateMixin {
  late final TabController _tabController;

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: NestedScrollView(
        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
          return <Widget>[
            SliverAppBar(
              title: Text('Weight Tracker'),
              pinned: true,
              floating: true,
              forceElevated: innerBoxIsScrolled,
              bottom: TabBar(
                tabs: <Tab>[
                  Tab(text: 'STATISTICS'),
                  Tab(text: 'HISTORY'),
                ],
                controller: _tabController,
              ),
            ),
          ];
        },
        body: TabBarView(
          controller: _tabController,
          children: <Widget>[
            StatisticsPage(),
            HistoryPage(),
          ],
        ),
      ),
    );
  }
}

示例来自 this post .