[1.2.0] #

• Added ink effect. Thanks to u/VittorioMasia for the idea.
• Fix for issue: https://github.com/westdabestdb/bubble_bottom_bar/issues/10.
• Might need a full restart after changing hasNotch variable for proper animation & tile sizes.

[1.1.1] #

• Floating action button added to the example app.

[1.1.0] #

• Floating Action Button Support 🎊 🎉 !
• fabLocation: BubbleBottomBarFabLocation.end is to support end docked fab.
• fabLocation: BubbleBottomBarFabLocation.center is to support center docked fab.
• hasNotch: true gives nice notch cutout to BubbleBottomBar.
• hasNotch and borderRadius cannot be used together, yet 😏
• Maximum number of the items must be 4 when docked fab support is actived.

[1.0.2] #

• Release adresses a solution to FlexRender issue with 4+ BubbleBottomBarItems. Issue: https://github.com/westdabestdb/bubble_bottom_bar/issues/6.

[1.0.1] #

• Added dev channel support and lowered the required Dart SDK version.

[1.0.0] #

• Major release.
• Ability to specify elevation of the bubble bottom bar.
• Ability to specify BorderRadius of the bubble bottom bar.

[0.0.5] #

• Changed '@immutable' field from not final to final.

[0.0.4] #

• Added MIT license.

[0.0.3] #

• Fixed version in README.md

[0.0.2] #

• Release with corrected classes.

[0.0.1] #

• Initial release, created by westdabestdb.

example/lib/main.dart

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Bubble Bottom Bar Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Bubble Bottom Bar Demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int currentIndex;
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    currentIndex = 0;
  }

  void changePage(int index) {
    setState(() {
      currentIndex = index;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {},
        child: Icon(Icons.add),
        backgroundColor: Colors.red,
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.endDocked,
      bottomNavigationBar: BubbleBottomBar(
        hasNotch: true,
        fabLocation: BubbleBottomBarFabLocation.end,
        opacity: .2,
        currentIndex: currentIndex,
        onTap: changePage,
        borderRadius: BorderRadius.vertical(
            top: Radius.circular(
                16)), //border radius doesn't work when the notch is enabled.
        elevation: 8,
        items: <BubbleBottomBarItem>[
          BubbleBottomBarItem(
              backgroundColor: Colors.red,
              icon: Icon(
                Icons.dashboard,
                color: Colors.black,
              ),
              activeIcon: Icon(
                Icons.dashboard,
                color: Colors.red,
              ),
              title: Text("Home")),
          BubbleBottomBarItem(
              backgroundColor: Colors.deepPurple,
              icon: Icon(
                Icons.access_time,
                color: Colors.black,
              ),
              activeIcon: Icon(
                Icons.access_time,
                color: Colors.deepPurple,
              ),
              title: Text("Logs")),
          BubbleBottomBarItem(
              backgroundColor: Colors.indigo,
              icon: Icon(
                Icons.folder_open,
                color: Colors.black,
              ),
              activeIcon: Icon(
                Icons.folder_open,
                color: Colors.indigo,
              ),
              title: Text("Folders")),
          BubbleBottomBarItem(
              backgroundColor: Colors.green,
              icon: Icon(
                Icons.menu,
                color: Colors.black,
              ),
              activeIcon: Icon(
                Icons.menu,
                color: Colors.green,
              ),
              title: Text("Menu"))
        ],
      ),
    );
  }
}