FLUTTER ECOSYSTEM

amitkot/appbar_elevation

A Flutter Widget for an AppBar that is initially flush with the body and elevated when scrolled

appbar_elevation project cover
Stars
9
Forks
3
Last push (UTC)
Oct 15, 2021
Project status
Active
Amit Kotlovski GitHub avatar
GITHUB User

Amit Kotlovski ↗

LanguagesDartSwiftKotlinObjective-C

Packages published by this repository

Dependencies used

Dependency list 2 items
  • flutter{"sdk":"flutter"}
  • flutter_testDevelopment{"sdk":"flutter"}

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project README

appbar_elevation

pub package

A Flutter Widget for an AppBar that is initially flush with the body and elevated when scrolled.

https://raw.githubusercontent.com/amitkot/appbar_elevation/HEAD/appbar_elevation.gif

Usage

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.

Example

@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.

License

BSD