responsive_bottom_bar 0.0.4 copy "responsive_bottom_bar: ^0.0.4" to clipboard
responsive_bottom_bar: ^0.0.4 copied to clipboard

A responsive bottom_bar.

responsive_bottom_bar #

Flutter package to help you create a fully responsive bottom bar. You can add titles and icons like in a regular bottom bar and the package will handle responsiveness for you.

alt text

Getting Started #

Example:

Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          backgroundColor: Colors.white,
          appBar: AppBar(
            title: const Text('Plugin example app'),
          ),
          body: Text("hello world: $currentIndex"),
          bottomNavigationBar: ResponsiveBottomBar(
              items: const [
                BottomBarItem(
                    title: "This is a very long title Yooo",
                    iconData: Icons.add_box),
                BottomBarItem(
                    title: "Wer sich",
                    iconData: Icons.share),
                BottomBarItem(
                    title: "jetzt noch",
                    iconData: Icons.star_rate),
                BottomBarItem(
                    title: "umdreht ist",
                    iconData: Icons.library_add),
                BottomBarItem(
                    title: "selber schuld :)",
                    iconData: Icons.pages_rounded),
              ],
              currentIndex: currentIndex,
              onTap: (int index) {
                setState(() {
                  currentIndex = index;
                });
              })),
    );
}