convex_bottom_app_bar

Description:

convex bottom app bar

convex_bottom_app_bar #
customisable bottom app bar
Usage #
convex_bottom_app_bar: ^1.0.1
copied to clipboard
import 'package:convex_bottom_app_bar/convex_bottom_app_bar.dart';
copied to clipboard
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) { },
),
],
)
copied to clipboard
ConvexBottomAppBar #



Param Name
Type
Description




onClickParent
Function(int)?
OnClick for all bottom navigator item


bottomNavigationIcons
List
List Item bottom navigator


bottomNavigationBackground
Color?
Background bottom app bar


isUseTitle
bool
is bottom navigator item using title


selectedColor
Color?
selected color bottom navigator item


unselectedColor
Color?
unselected color bottom navigator item


convexBottomAppHeight
double?
set convex bottom app bar height



BottomNavigationIcon #



Param Name
Type
Description




icon
IconData
Icon of the bottom navigator item


title
String?
title of bottom navigator item


titleTextStyle
TextStyle?
title text style


overrideOnClick
Function(int)?
overriding parent onClick


selectedColor
Color?
override selected color bottom navigator item


unselectedColor
Color?
override unselected color bottom navigator item



Created & Maintained By #
Dwiky Hardiansah (Twitter) (Insta)