getxbottombar

Description:

getxbottombar

GetXBottomBar #
For using GetX Navigation With Bindings in BottomBar (This Package is only helpfull with GetX)
Features #
We can Navigate Between Pages From BottomBat And Get All Benefits of Get.toNamed()
Getting started #
Add Latest Version of This Package to your Pubspec.yaml and start using ,(Use With 'get_cli for More Better Use)
Usage #
Added longer examples
to /example folder.
Add GetXBottomBarView Like this to Your Project
Make sure not to Pass Route of Same Page, Ex: (Don't pass Routes.Home from Home Page)
in routes list
We Require getpages List
GetMaterialApp(
debugShowCheckedModeBanner: false,
title: "Application",
initialRoute: AppPages.INITIAL, //We can Describe Routes Here ( Checkout GetCli)
getPages: AppPages.routes, ///Take This List from here
),
copied to clipboard
We just have to pass those Routes and AppPages.routes list To GetXBottomBarView
class Home extends StatelessWidget {
const Home({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return GetxBottomBarView(
appBar: AppBar(
title: Text('GetxBottomBar'),
centerTitle: true,
),
getPages: AppPages.routes,
routes: [
Routes.DASHBOARD,
Routes.CART,
Routes.PROFILE ],
defaultTransition: Transition.noTransition,
backgroundColor: Colors.grey.shade100,
bottomBar: <GetBottomBarItem>[
GetBottomBarItem(
icon: Icon(Icons.dashboard),
title: Text('Dashboard'),
activeColor: Colors.red),
GetBottomBarItem(
icon: Icon(Icons.shopping_cart_outlined),
title: Text('Cart'),
activeColor: Colors.green),
GetBottomBarItem(
icon: Icon(Icons.person),
title: Text('User'),
activeColor: Colors.blue)
],
);
}
}
copied to clipboard
Or if You Directly Want your Users To Show HomePage , You can Add it to GetMaterial Page like this
void main() {
runApp(
GetMaterialApp(
debugShowCheckedModeBanner: false,
title: "Application",
getPages: AppPages.routes,
home: GetxBottomBarView(
getPages: AppPages.routes,
routes: [Routes.DASHBOARD, Routes.PROFILE, Routes.USER],
defaultTransition: Transition.noTransition,
bottomBar: <GetBottomBarItem>[
GetBottomBarItem(
icon: Icon(Icons.dashboard),
title: Text('data'),
activeColor: Colors.red),
GetBottomBarItem(
icon: Icon(Icons.person),
title: Text('data'),
activeColor: Colors.red),
GetBottomBarItem(
icon: Icon(Icons.person_add),
title: Text('data'),
activeColor: Colors.red)
],
),
),
);
}
copied to clipboard
Additional information #
This is Just The Initial Version feel free to Contribute or Report any Bug!