Appbar скрыть / показать как iOS Стиль

Question

Я хочу показать AppBar, когда первый дочерний элемент ListVIew прокручивается, как стиль iOS (особенно поведение в собственном приложении Books в iOS). Многие приложения в iOS имеют эту функцию, поэтому я думаю, что это обычное поведение в iOS. Но я не знаю, как применить его к Flutter с Material Style. Кто-нибудь знает решение этой проблемы? GIF ниже показывает поведение, которое я хочу реализовать: Поведение с панелью приложений iOS Стиль

Answer 1

Да, вы можете сделать это в MaterialApp, используя SliverAppBar с CustomScrollView в разделе тела scaffold. Вы можете использовать SliverAppBar вместо обычного appBar. Виджеты, которые вы будете использовать, должны быть внутри
SliverList (делегат: 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