From 4c82e3a75bf9b44e188bd4c0cb5abe8b86ef6627 Mon Sep 17 00:00:00 2001 From: Rajshinde046 Date: Thu, 30 May 2024 12:38:14 +0530 Subject: [PATCH] bottom navigation --- .../bottom_bar/inactive/InactiveHome.png | Bin 0 -> 1964 bytes .../bottom_bar/inactive/Investinactive.png | Bin 0 -> 1229 bytes .../bottom_bar/inactive/SettingInactive.png | Bin 0 -> 2673 bytes .../bottom_bar/inactive/academyinactive.png | Bin 0 -> 2144 bytes .../bottom_bar/inactive/portfolioinactive.png | Bin 0 -> 1081 bytes lib/core/routes/route_name.dart | 3 + lib/core/routes/routes.dart | 8 + .../Home/presentation/pages/HomeScreen.dart | 22 ++ .../Home/presentation/pages/MainScreen.dart | 26 ++ .../presentation/widgets/bottom_section.dart | 1 + .../widgets/bottom_version_widget.dart | 2 - .../components/common_bottom_navigation.dart | 251 ++++++++++++++++++ pubspec.yaml | 2 + 13 files changed, 313 insertions(+), 2 deletions(-) create mode 100644 assets/images/bottom_bar/inactive/InactiveHome.png create mode 100644 assets/images/bottom_bar/inactive/Investinactive.png create mode 100644 assets/images/bottom_bar/inactive/SettingInactive.png create mode 100644 assets/images/bottom_bar/inactive/academyinactive.png create mode 100644 assets/images/bottom_bar/inactive/portfolioinactive.png create mode 100644 lib/features/Home/presentation/pages/HomeScreen.dart create mode 100644 lib/features/Home/presentation/pages/MainScreen.dart create mode 100644 lib/shared/components/common_bottom_navigation.dart diff --git a/assets/images/bottom_bar/inactive/InactiveHome.png b/assets/images/bottom_bar/inactive/InactiveHome.png new file mode 100644 index 0000000000000000000000000000000000000000..e132323f85b92085f96065618fe0aa5c0efff342 GIT binary patch literal 1964 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 literal 0 HcmV?d00001 diff --git a/assets/images/bottom_bar/inactive/SettingInactive.png b/assets/images/bottom_bar/inactive/SettingInactive.png new file mode 100644 index 0000000000000000000000000000000000000000..4599119bcce91b6da96c752ea4ce39370ff70e99 GIT binary patch literal 2673 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 literal 0 HcmV?d00001 diff --git a/lib/core/routes/route_name.dart b/lib/core/routes/route_name.dart index b7f6820..e1f07a5 100644 --- a/lib/core/routes/route_name.dart +++ b/lib/core/routes/route_name.dart @@ -17,4 +17,7 @@ class RouteName { //choose country static const String chooseCountryScreen = 'chooseCountryScreen'; + + // + static const String mainScreen = 'mainScreen'; } diff --git a/lib/core/routes/routes.dart b/lib/core/routes/routes.dart index f3e3ff6..f3dee37 100644 --- a/lib/core/routes/routes.dart +++ b/lib/core/routes/routes.dart @@ -2,6 +2,7 @@ import 'package:go_router/go_router.dart'; import 'package:tanami_app/core/routes/route_name.dart'; +import 'package:tanami_app/features/Home/presentation/pages/mainScreen.dart'; import 'package:tanami_app/features/countrySelection/presentation/pages/choose_country_screen.dart'; import 'package:tanami_app/features/welcome/presentation/pages/weclome_screen.dart'; @@ -51,6 +52,13 @@ final goRouter = GoRouter( return const ChooseCountryScreen(); }, ), + GoRoute( + name: RouteName.mainScreen, + path: RouteName.mainScreen, + builder: (context, state) { + return const MainScreen(); + }, + ), ]), // GoRoute( diff --git a/lib/features/Home/presentation/pages/HomeScreen.dart b/lib/features/Home/presentation/pages/HomeScreen.dart new file mode 100644 index 0000000..7a26c8c --- /dev/null +++ b/lib/features/Home/presentation/pages/HomeScreen.dart @@ -0,0 +1,22 @@ +import 'package:flutter/material.dart'; +import 'package:tanami_app/features/Home/presentation/pages/mainScreen.dart'; +import 'package:tanami_app/shared/components/common_bottom_navigation.dart'; + +class HomeScreen extends StatefulWidget { + const HomeScreen({super.key}); + + @override + State createState() => _HomeScreenState(); +} + +class _HomeScreenState extends State { + @override + Widget build(BuildContext context) { + return Scaffold( + body: Column( + children: [Text("data")], + ), + bottomNavigationBar: bottomnavigationbar(selectedIndex), + ); + } +} diff --git a/lib/features/Home/presentation/pages/MainScreen.dart b/lib/features/Home/presentation/pages/MainScreen.dart new file mode 100644 index 0000000..d147484 --- /dev/null +++ b/lib/features/Home/presentation/pages/MainScreen.dart @@ -0,0 +1,26 @@ +import 'package:flutter/material.dart'; +import 'package:tanami_app/features/Home/presentation/pages/HomeScreen.dart'; +import 'package:tanami_app/shared/components/common_bottom_navigation.dart'; + +var currentTab = [ + const HomeScreen(), + const SizedBox(), + const SizedBox(), + const SizedBox(), +]; + +var selectedIndex = 0; + +void updateTab(int index) { + selectedIndex = index; +} + +class MainScreen extends StatelessWidget { + const MainScreen({super.key}); + @override + Widget build(BuildContext context) { + return Scaffold( + body: currentTab[selectedIndex], + ); + } +} diff --git a/lib/features/login/presentation/widgets/bottom_section.dart b/lib/features/login/presentation/widgets/bottom_section.dart index 9cd4dc0..a821bb3 100644 --- a/lib/features/login/presentation/widgets/bottom_section.dart +++ b/lib/features/login/presentation/widgets/bottom_section.dart @@ -40,6 +40,7 @@ class BottomSection extends StatelessWidget { Loader.loader(context); } else if (state is LoginSuccess) { goRouter.pop(); + goRouter.goNamed('mainScreen'); successToastMessage(context, "login successful !"); } else if (state is LoginFailure) { goRouter.pop(); diff --git a/lib/features/splash/presentation/widgets/bottom_version_widget.dart b/lib/features/splash/presentation/widgets/bottom_version_widget.dart index b3d03f8..6c8c9bc 100644 --- a/lib/features/splash/presentation/widgets/bottom_version_widget.dart +++ b/lib/features/splash/presentation/widgets/bottom_version_widget.dart @@ -32,8 +32,6 @@ class BottomVersionWidget extends StatelessWidget { TextWidget().text12W400( '${AppText.splashVersionText}${state.version}'), TextWidget().text12W400(AppText.splashCopyrightText), - //removethis - SizedBox() ], )); // If the state is AppVersionError, display an error message diff --git a/lib/shared/components/common_bottom_navigation.dart b/lib/shared/components/common_bottom_navigation.dart new file mode 100644 index 0000000..aefd672 --- /dev/null +++ b/lib/shared/components/common_bottom_navigation.dart @@ -0,0 +1,251 @@ +import 'package:flutter/material.dart'; +import 'package:flutter_screenutil/flutter_screenutil.dart'; +import 'package:tanami_app/features/Home/presentation/pages/MainScreen.dart'; + +Container bottomnavigationbar(selectedIndex) { + return Container( + width: double.infinity, + height: 83.h, + color: Colors.white, + alignment: Alignment.center, + child: BottomNavigationBar( + // backgroundColor: , + type: BottomNavigationBarType.fixed, + backgroundColor: const Color(0xFFFFFFFF).withOpacity(0), + showUnselectedLabels: true, + selectedItemColor: Colors.white, + unselectedItemColor: const Color(0xFF676767), + unselectedLabelStyle: TextStyle( + fontSize: 10.sp, + color: const Color(0xFF676767), + fontWeight: FontWeight.w400, + fontFamily: 'hiragino'), + selectedLabelStyle: TextStyle( + fontSize: 10.sp, + color: const Color(0xFFFFFFFF), + fontWeight: FontWeight.w400, + fontFamily: 'hiragino'), + currentIndex: selectedIndex, + onTap: (index) { + updateTab(index); + }, + items: [ + BottomNavigationBarItem( + icon: Image.asset( + 'assets/images/bottom_bar/inactive/InactiveHome.png', + height: 26.h, + width: 26.w, + ), + // Icon( + // Icons.home, + // color: Color(0xFF676767), + // ), + activeIcon: Stack( + children: [ + if (selectedIndex == 0) + Container( + height: 40.h, + width: 40.w, + decoration: BoxDecoration( + shape: BoxShape.circle, + boxShadow: [ + BoxShadow( + color: Colors.grey.withOpacity(0.4), + spreadRadius: 15, + blurRadius: 10, + offset: const Offset(0, 10), + ), + ], + ), + ), + Positioned( + top: 0, + bottom: 0, + right: 0, + left: 0, + child: Center( + child: Image.asset( + 'assets/images/png/sidemenu/activehome.png', + height: 30.h, + width: 30.w, + ), + ), + ) + ], + ), + + // activeIcon: SvgPicture.asset('assets/image/svg/active_home.svg'), + label: 'Wallet', + ), + BottomNavigationBarItem( + icon: Image.asset( + 'assets/images/bottom_bar/inactive/portfolioinactive.png', + height: 26.h, + width: 26.w, + ), + activeIcon: Stack( + children: [ + if (selectedIndex == 1) + Container( + height: 40.h, + width: 40.w, + decoration: BoxDecoration( + shape: BoxShape.circle, + boxShadow: [ + BoxShadow( + color: Colors.grey.withOpacity(0.4), + spreadRadius: 15, + blurRadius: 10, + offset: const Offset(0, 10), + ), + ], + ), + ), + Positioned( + left: 0, + right: 0, + top: 0, + bottom: 0, + child: Center( + child: Image.asset( + 'assets/images/png/sidemenu/activetrade.png', + height: 30.h, + width: 30.w, + ), + )) + ], + ), + + // SvgPicture.asset('assets/image/svg/active_shortTrade.svg'), + label: 'Portfolio', + ), + BottomNavigationBarItem( + icon: Image.asset( + 'assets/images/bottom_bar/inactive/Investinactive.png', + height: 24.h, + width: 24.w, + ), + activeIcon: Stack( + children: [ + if (selectedIndex == 2) + Container( + height: 40.h, + width: 40.w, + decoration: BoxDecoration( + shape: BoxShape.circle, + boxShadow: [ + BoxShadow( + color: Colors.grey.withOpacity(0.4), + spreadRadius: 15, + blurRadius: 10, + offset: const Offset(0, 10), + ), + ], + ), + ), + Positioned( + left: 0, + right: 0, + top: 0, + bottom: 0, + child: Center( + child: Image.asset( + 'assets/images/png/pastPerformanceactive.png', + height: 28.h, + width: 28.w, + ), + )) + ], + ), + + // SvgPicture.asset('assets/image/svg/active_shortTrade.svg'), + label: 'Invest', + ), + BottomNavigationBarItem( + icon: Image.asset( + 'assets/images/bottom_bar/inactive/academyinactive.png', + height: 26.h, + width: 26.w, + ), + activeIcon: Stack( + children: [ + if (selectedIndex == 3) + Container( + height: 40.h, + width: 40.w, + decoration: BoxDecoration( + shape: BoxShape.circle, + boxShadow: [ + BoxShadow( + color: Colors.grey.withOpacity(0.4), + spreadRadius: 15, + blurRadius: 10, + offset: const Offset(0, 10), + ), + ], + ), + ), + Positioned( + left: 0, + right: 0, + top: 0, + bottom: 0, + child: Center( + child: Image.asset( + 'assets/images/png/sidemenu/activeprotfolio.png', + height: 30.h, + width: 30.w, + ), + )) + ], + ), + + // SvgPicture.asset('assets/image/svg/active_protfolio.svg'), + label: 'Academy', + ), + BottomNavigationBarItem( + icon: Image.asset( + 'assets/images/bottom_bar/inactive/SettingInactive.png', + height: 26.h, + width: 26.w, + ), + activeIcon: Stack( + children: [ + if (selectedIndex == 3) + Container( + height: 40.h, + width: 40.w, + decoration: BoxDecoration( + shape: BoxShape.circle, + boxShadow: [ + BoxShadow( + color: Colors.grey.withOpacity(0.4), + spreadRadius: 15, + blurRadius: 10, + offset: const Offset(0, 10), + ), + ], + ), + ), + Positioned( + left: 0, + right: 0, + top: 0, + bottom: 0, + child: Center( + child: Image.asset( + 'assets/images/png/sidemenu/activeprotfolio.png', + height: 30.h, + width: 30.w, + ), + )) + ], + ), + + // SvgPicture.asset('assets/image/svg/active_protfolio.svg'), + label: 'Settings', + ), + ], + ), + ); +} diff --git a/pubspec.yaml b/pubspec.yaml index 335c34f..c3a211b 100644 --- a/pubspec.yaml +++ b/pubspec.yaml @@ -94,3 +94,5 @@ flutter: - assets/images/country_flag/ - assets/images/country_flag/svg/ - assets/images/country_flag/png/ + - assets/images/bottom_bar/inactive + - assets/images/bottom_bar/active