floating_navbar 1.1.0

Customisable bottom floating navbar.

floating_navbar

Simple customiable floating bottom navigation bar.

Usage

Add dependency

  floating_navbar: ^1.1.0

Import package

  import 'package:floating_navbar/floating_navbar.dart';

Use in code as follows

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Floating Nav Bar',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: FloatingNavBar(
        color: Colors.purple,
        pages: <Widget>[HomePage(), MyPage()],
        icons: [
          Icon(
            Icons.home,
            color: Colors.white,
          ),
          Icon(
            Icons.account_circle,
            color: Colors.white,
          )
        ],
        iconColor: Colors.red,
        hapticFeedback: true,
        horizontalPadding: 40,
      ),
    );
  }
}

Thanks to Darshan Aswath

Screenshot