flip_box_bar 0.2.0 flip_box_bar: ^0.2.0 copied to clipboard
A 3D BottomNavigationBar inspired by Dribbble design by Dannniel
flip_box_bar #
A 3D BottomNavigationBar inspired by Dribbble design by Dannniel [https://dribbble.com/shots/4811135-Tab-Bar-Cube-Interaction].
Demo #
Example Use #
// In Scaffold
bottomNavigationBar: FlipBoxBar(
items: [
FlipBarItem(icon: Icon(Icons.map), text: Text("Map"), frontColor: Colors.blue, backColor: Colors.blueAccent),
FlipBarItem(icon: Icon(Icons.add), text: Text("Add"), frontColor: Colors.cyan, backColor: Colors.cyanAccent),
FlipBarItem(icon: Icon(Icons.chrome_reader_mode), text: Text("Read"), frontColor: Colors.orange, backColor: Colors.orangeAccent),
FlipBarItem(icon: Icon(Icons.print), text: Text("Print"), frontColor: Colors.purple, backColor: Colors.purpleAccent),
FlipBarItem(icon: Icon(Icons.print), text: Text("Print"), frontColor: Colors.pink, backColor: Colors.pinkAccent),
],
onIndexChanged: (newIndex) {
print(newIndex);
},
),
Properties #
List<FlipBarItem> items; #
The items to be displayed in the BottomNavBar.
Duration animationDuration; #
The duration of the animation of the box flip.
ValueChanged<int> onIndexChanged; #
Callback for getting value of item selection.
int initialIndex; #
The initial selected index of the BottomNavBar.
double navBarHeight; #
The height of the BottomNavBar.