Flutter - Показать плавающий виджет, когда список прокручивается вниз - PullRequest
0 голосов
/ 18 января 2020

Есть ли способ показать плавающий виджет в верхней части экрана при прокрутке списка вверх?

У меня есть виджет (внутри прокручиваемого виджета) на моем экране, когда я прокручиваю вверх, я хочу преобразовать этот виджет в липкий заголовок. и положить его обратно, когда я прокручиваю вниз.

Я пытался использовать Slivers и SliverAppBar (если для плавающего установлено значение true), но он работает наоборот, он отображается при прокрутке вниз и скрывается при прокрутке в противном случае .

Есть идеи, где искать? или какой-нибудь пример?

Вот что я попробовал.

CustomScrollView(
  slivers: <Widget>[
    SliverToBoxAdapter(
      child: Container(
        color: Colors.green,
        height: 100,
      ),
    ),

    // I wan to stick this widget in the top, when I scroll up, initially it should be gone. 
    SliverAppBar(
      backgroundColor: Colors.blueAccent,
      floating: true,
      expandedHeight: 70,
      flexibleSpace: LayoutBuilder(
        builder: (context, constraints) {
          return FlexibleSpaceBar(
            title: Text("Sticky Header"),
          );
        },
      ),
    ),
    SliverList(
      delegate: SliverChildBuilderDelegate((context, index) {
        return Text("Text $index");
      }, childCount: 50),
    ),
  ],
);

here is what I'm trying to do.

...