circle_nav_bar 1.0.1+1 copy "circle_nav_bar: ^1.0.1+1" to clipboard
circle_nav_bar: ^1.0.1+1 copied to clipboard

retractedoutdated

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,
      ),
      ...

92
likes
0
pub points
94%
popularity

Publisher

unverified uploader

A package provides an easy way to make circle button nav bar in Flutter project

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on circle_nav_bar