A 3D Bottom Navigation Bar in Flutter

flip_box_bar

a 3d bottomnavigationbar inspired by dribbble design by dannniel.

example use the 3d bottom

  // in scaffold
  bottomnavigationbar: flipboxbar(
          items: [
            flipbaritem(icon: icon(icons.map), text: text("map"), frontcolor: colors.blue, backcolor: colors.blueaccent),
            flipbaritem(icon: icon(icons.add), text: text("add"), frontcolor: colors.cyan, backcolor: colors.cyanaccent),
            flipbaritem(icon: icon(icons.chrome_reader_mode), text: text("read"), frontcolor: colors.orange, backcolor: colors.orangeaccent),
            flipbaritem(icon: icon(icons.print), text: text("print"), frontcolor: colors.purple, backcolor: colors.purpleaccent),
            flipbaritem(icon: icon(icons.print), text: text("print"), frontcolor: colors.pink, backcolor: colors.pinkaccent),
          ],
          onindexchanged: (newindex) {
            print(newindex);
          },
        ),