expandable_bottom_bar_new 2.0.0-nullsafety.1 copy "expandable_bottom_bar_new: ^2.0.0-nullsafety.1" to clipboard
expandable_bottom_bar_new: ^2.0.0-nullsafety.1 copied to clipboard

Animatable bottom app bar with expandable sheet. Use me if you need cool bottom bar!

ExpandableBottomAppBar #

pub package

Animatable bottom app bar with expandable sheet

Original package can be found here: https://github.com/rIIh/expandable-bottom-bar I've made a fork as the package was no longer maintained.

Preview #

preview

Getting Started #

Add the plugin:

dependencies:
  ...
  expandable_bottom_bar_new: 2.0.0-nullsafety.0

Basic Usage #

Adding the widget

bottomNavigationBar: BottomExpandableAppBar(
        // Provide the bar controller in build method or default controller as ancestor in a tree 
        controller: bbc,
        expandedHeight: expandedHeight.value,
        horizontalMargin: 16,
        expandedBackColor: Theme.of(context).backgroundColor,
        // Your bottom sheet code here
        expandedBody: Center(
          child: Text("Hello world!"),
        ),
        // Your bottom app bar code here
        bottomAppBarBody: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Row(
            mainAxisSize: MainAxisSize.max,
            children: <Widget>[
              Expanded(
                child: Text(
                  "Hello",
                  textAlign: TextAlign.center,
                ),
              ),
              Spacer(
                flex: 2,
              ),
              Expanded(
                child: Text(
                  "World",
                  textAlign: TextAlign.center,
                ),
              ),
            ],
          ),
        ),
      )

Customization (Optional) #

BottomExpandableAppBar #

horizontalMargin - distance of sheet's sides from edge
bottomOffset - distance of top sheet's edge from top appbar's edge in closed state
shape - notch shape for FAB
appBarHeight - if you need change app bar height

bottomAppBarColor - background color of appbar container
or appBarDecoration - decoration of appbar container

expandedBackColor - background color of sheet container
or expandedDecoration - decoration of sheet container

Controls #

BottomAppBarController #

Settings

snap - if true sheet will snap to opened and closed state
dragLength - distance that pointer should travel for fully open/close the sheet

Callbacks

Should have dragLength defined
onDrag - use that with GestureDetector for swipe control
onDragEnd - use that with GestureDetector for swipe control

open - switch the sheet to closed state
close - switch the sheet to opened state
swap - if sheet is opened closes the sheet and vice versa

5
likes
90
points
28
downloads

Publisher

verified publisherdevsquirrel.co

Weekly Downloads

Animatable bottom app bar with expandable sheet. Use me if you need cool bottom bar!

Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on expandable_bottom_bar_new