circle_nav_bar

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