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 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)