Description:
circle nav bar
Circle Nav Bar #
Example style: #
./example
no padding black
padding with gradient
./example_two
Level and Icons
only Icons
padding with Levels and icons
How to use #
dependencies:
circle_nav_bar: ^latest_version
copied to clipboard
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,
circleColor: 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,
circleShadowColor: Colors.deepPurple,
elevation: 10,
gradient: LinearGradient(
begin: Alignment.topRight,
end: Alignment.bottomLeft,
colors: [ Colors.blue, Colors.red ],
),
circleGradient: LinearGradient(
begin: Alignment.topRight,
end: Alignment.bottomLeft,
colors: [ Colors.blue, Colors.red ],
),
),
...
copied to clipboard
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Customer Reviews
There are no reviews.
