Есть ли способ показать плавающий виджет в верхней части экрана при прокрутке списка вверх?
У меня есть виджет (внутри прокручиваемого виджета) на моем экране, когда я прокручиваю вверх, я хочу преобразовать этот виджет в липкий заголовок. и положить его обратно, когда я прокручиваю вниз.
Я пытался использовать 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),
),
],
);