Appbar 隐藏/显示，如 iOS 风格

Question

我想在 ListVIew 的第一个子项像 iOS 样式一样滚动时显示 AppBar（尤其是在 iOS 的本机 Books 应用程序中的行为）。 iOS 中的许多应用程序确实具有此功能，因此我认为这是 iOS 中的常见行为。但我不知道如何将其应用于具有 Material Style 的 Flutter。有谁知道这个问题的解决方案？ 下面的 GIF 显示了我想要实现的行为： Behavior with Appbar iOS Style

Answer 1

是的，您可以在 MaterialApp 中使用 SliverAppBar 和脚手架主体部分的 CustomScrollView 来实现。 您可以使用 SliverAppBar 代替普通的 appBar 您将使用的小部件应位于
银名单( 委托：SliverChildListDelegate( []))

return Scaffold(


  body: CustomScrollView(
    slivers: <Widget>[
      SliverAppBar(
        expandedHeight: 300,
        pinned: true,
        flexibleSpace: FlexibleSpaceBar(
          title: Text(
           "Reading Now",
            style: TextStyle(
              fontSize: 20,
              color: Colors.white,
              fontWeight: FontWeight.w500,
            ),
            textAlign: TextAlign.end,
          ),
          background: Image.network(
              https://i.stack.imgur.com/1lN0b.png,
              fit: BoxFit.fill,
            ),
        ),
      ),
      SliverList(
        delegate: SliverChildListDelegate(
          [


//widgets which you are going to use inside the listview you can use them in 
//sliverList
                ]
              ),//SliverChildListDelegate
          ),//SliverList
    ],//sliver Widgets
  ),//customScrollView