A Flutter implementation of hideable bottom bar with vertical slide animation.

Features

Create bottom navigation bar that can animate bellow screen.

Install

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  hideable_bottom_bar: <latest_version>

In your library add the following import:

import 'package:hideable_bottom_bar/hideable_bottom_bar.dart';

Usage

Create HideableBottomBar place it in Stack and change bottomPosition to animate widget.

Bottom bar animation

HideableBottomBar(
    selectedIndex: selectedIndex,
    bottomPosition: bottomPosition,
    horizontalPadding: 24,
    children: List.generate(
        5,
        (index) => HideableBottomNavigationItem(
            index: index,
            name: _text(index),
            icon: _icon(index),
        ),
    ),
    onSelected: (c) {
        selectedIndex = c.index;
    },
),

Libraries

hideable_bottom_bar