Description:

blur bottom bar

blur_bottom_bar #
Flutter blur bottom bar
This is a recreation of the ios tab view with material design for android and ios


Getting Started #
Add the dependency in pubspec.yaml:
dependencies:
...
blur_bottom_bar: ^1.0.1
copied to clipboard
Basic Usage #
return Scaffold(
appBar: AppBar(title: Text("Blur bar example")),
body: Stack(
children: <Widget>[
_widgetOptions.elementAt(_selectedIndex),
BlurBottomView(
bottomNavigationBarItems: const <BottomNavigationBarItem>[
BottomNavigationBarItem(
icon: Icon(Icons.home),
label: 'Home'),
),
BottomNavigationBarItem(
icon: Icon(Icons.business),
label: 'Business',
),
BottomNavigationBarItem(
icon: Icon(Icons.school),
label: 'School',
)
],
currentIndex: _selectedIndex,
onIndexChange: (val) {
_onItemTapped(val);
}),
],
),
);
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter