circle_nav_bar 1.0.1+1 circle_nav_bar: ^1.0.1+1 copied to clipboard
A package provides an easy way to make circle button nav bar in Flutter project
Circle Bottom Bar #
Example style: #
fixed | react |
---|---|
How to use #
dependencies:
circle_nav_bar: ^latest_version
import 'package:circle_nav_bar/circle_nav_bar.dart';
Scaffold(
bottomNavigationBar: CircleNavBar(
activeIcons: const [
Icon(Icons.person, color: Colors.deepPurple),
Icon(Icons.home, color: Colors.deepPurple),
Icon(Icons.favorite, color: Colors.deepPurple),
],
inactiveIcons: const [
Text("My"),
Text("Home"),
Text("Like"),
],
color: Colors.white,
height: 60,
circleWidth: 60,
initIndex: 1,
onChanged: (v) {
// TODO
},
// tabCurve: ,
padding: const EdgeInsets.only(left: 16, right: 16, bottom: 20),
cornerRadius: const BorderRadius.only(
topLeft: Radius.circular(8),
topRight: Radius.circular(8),
bottomRight: Radius.circular(24),
bottomLeft: Radius.circular(24),
),
shadowColor: Colors.deepPurple,
elevation: 10,
),
...