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
bottomNavigationIconsList?List 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)

Libraries

bottom_curved_painter
centered_elastic_curve
convex_bottom_app_bar
convex_bottom_app_bar_item
convex_item