scroll_bottom_navigation_bar 1.0.0+1 copy "scroll_bottom_navigation_bar: ^1.0.0+1" to clipboard
scroll_bottom_navigation_bar: ^1.0.0+1 copied to clipboard

outdated

This package allow hide or show bottom navigation bar while scrolling

ScrollBottomNavigationBar #

Hide or show bottom navigation bar while scrolling

Getting Started #

First, add this line in your project's pubspec.yaml

dependencies:
  ...
  scroll_bottom_navigation_bar:

For help getting started with Flutter, view the online documentation.

Usage Examples #

Basic implementation #

import 'package:flutter/material.dart';
import 'package:scroll_bottom_navigation_bar/scroll_bottom_navigation_bar.dart';

void main() {
  runApp(App());
}

class App extends StatelessWidget {
  final controller = ScrollBottomNavigationBarController();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: ScrollBody(
          controller: controller,
          builder: (context, index) => Container(
            height:
                MediaQuery.of(context).size.height + kBottomNavigationBarHeight,
            child: Center(
              child: Text("Simple $index"),
            ),
          ),
        ),
        bottomNavigationBar: ScrollBottomNavigationBar(
          controller: controller,
          items: [
            BottomNavigationBarItem(
              icon: Icon(Icons.mood),
              title: Text("One"),
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.mood),
              title: Text("Two"),
            ),
          ],
        ),
      ),
    );
  }
}

You can also check the example for additional information.

Snapshots #

snapshot

182
likes
40
pub points
82%
popularity

Publisher

unverified uploader

This package allow hide or show bottom navigation bar while scrolling

Repository (GitHub)
View/report issues

License

BSD-3-Clause (license)

Dependencies

flutter

More

Packages that depend on scroll_bottom_navigation_bar