Flutter circle bottom bar by animation

animation circle bottom bar

flutter circle bottom bar by ani.mation.

how to use:

1. add dependencies to pubspec.yaml:

circle_bottombar: ^1.1.1

2. create tabs:

    list<tabitem> tabitems = list.of([
          new tabitem(icons.person_outline, colors.red.shade100),
          new tabitem(icons.lightbulb_outline, colors.red.shade200),
          new tabitem(icons.home, colors.red.shade300),
          new tabitem(icons.phone_locked, colors.red.shade400),
          new tabitem(icons.person_outline, colors.red.shade500),
        ]);

3. create bottombar:

bottomnavigationbar: circularbottomnavigation(
        tabitems,
        selectedcallback: (int selectedpos) {
          setstate(() {
            _text = "text " + selectedpos.tostring();
          });
          print("clicked on $selectedpos");
        },
        controller: _navigationcontroller,
        barbackgroundcolor: colors.black,
        normaliconcolor: colors.red.shade900,
        iconssize: 24,
        selectediconcolor: colors.white,
        anima.tionduration: duration(milliseconds: 500),
        circlestrokewidth: 5,
        circlestrokecolor: color(0xff680200),
        barshadowsize: 2.0,
        barlinecolor: colors.red.shade900,
        barlinesize: 2.0,
        barshowline: true,
      )