A Flutter Widget for an AppBar that is initially flush with the body and elevated when scrolled.
Use the ScrollActivatedAppBarElevation
widget to wrap a Scaffold that contains
a Scrollable view (e.g. ListView
, CustomScrollView
). The widget uses a
NotificationListener to detect the scroll position and provides an
appBarElevation
value to be used.
@override
Widget build(BuildContext context) {
return ScrollActivatedAppBarElevation(
builder: (BuildContext context, double appBarElevation) {
return Scaffold(
appBar: AppBar(
elevation: appBarElevation,
),
body: ListView(
children: [
// ...
],
),
);
},
);
}
See example for full code.
BSD