convex_bottom_app_bar 1.0.2
convex_bottom_app_bar: ^1.0.2 copied to clipboard

customisable bottom app bar

convex_bottom_app_bar #

customisable bottom app bar

Usage #

convex_bottom_app_bar: ^1.0.1
import 'package:convex_bottom_app_bar/convex_bottom_app_bar.dart';

Param Usage #

ConvexBottomAppBar(
  /// onClick for all BottomSheet items
  onClickParent: onBottomIconPressed,
  isUseTitle: true,
  selectedColor: Colors.red,
  unselectedColor: Colors.blue,
  titleTextStyle: TextStyle(
    color: Colors.white,
  ),
  convexBottomAppBarItems: [
    ConvexBottomAppBarItem(
      Icons.home,
      title: "Home",
    ),
    ConvexBottomAppBarItem(
      Icons.search,
      title: "Search",
      titleTextStyle: TextStyle(
        fontWeight: FontWeight.bold,
        color: Colors.lightGreen,
      ),
      selectedColor: Colors.green,
    ),
    ConvexBottomAppBarItem(
      Icons.card_travel,
    ),
    ConvexBottomAppBarItem(
      Icons.favorite_border,
      title: "Fav",
      /// override onClick for only one items
      overrideOnClick: (index) { },
    ),
  ],
)

ConvexBottomAppBar #

Param NameTypeDescription
onClickParentFunction(int)?OnClick for all bottom navigator item
bottomNavigationIconsListList Item bottom navigator
bottomNavigationBackgroundColor?Background bottom app bar
isUseTitleboolis bottom navigator item using title
selectedColorColor?selected color bottom navigator item
unselectedColorColor?unselected color bottom navigator item
convexBottomAppHeightdouble?set convex bottom app bar height

BottomNavigationIcon #

Param NameTypeDescription
iconIconDataIcon of the bottom navigator item
titleString?title of bottom navigator item
titleTextStyleTextStyle?title text style
overrideOnClickFunction(int)?overriding parent onClick
selectedColorColor?override selected color bottom navigator item
unselectedColorColor?override unselected color bottom navigator item

Created & Maintained By #

Dwiky Hardiansah (Twitter) (Insta)