Skip to content

Commit

Permalink
refactored bottom naviagtion bar
Browse files Browse the repository at this point in the history
  • Loading branch information
Piyushhhhh committed Jul 15, 2023
1 parent af43ad7 commit ae088b6
Show file tree
Hide file tree
Showing 2 changed files with 42 additions and 25 deletions.
38 changes: 38 additions & 0 deletions lib/features/shared/widgets/bottom_naviagton_bar.dart
@@ -0,0 +1,38 @@
import 'package:flutter/material.dart';
import 'package:medical_consultation/constants/colors.dart';
import 'package:medical_consultation/features/conversations/screens/conversation_screen.dart';
import 'package:medical_consultation/features/dashboard/screens/dashboard_screen.dart';

List<Widget> bottomBarTabs = [
const Tab(icon: Icon(Icons.home_filled)),
const Tab(icon: Icon(Icons.post_add_outlined)),
Tab(
iconMargin: const EdgeInsets.only(),
icon: Icon(
Icons.add_circle_outlined,
color: AppColors.primary(),
size: 50,
),
),
const Tab(icon: Icon(Icons.message_outlined)),
const Tab(icon: Icon(Icons.settings)),
];

class BottomNaviagtionBarWidgets extends StatelessWidget {
final TabController tabController;
const BottomNaviagtionBarWidgets({super.key, required this.tabController});

@override
Widget build(BuildContext context) {
return TabBarView(
controller: tabController,
children: [
const DashboardScreen(),
Container(),
Container(),
const ConversationScreen(),
Container(),
],
);
}
}
29 changes: 4 additions & 25 deletions lib/main.dart
@@ -1,8 +1,7 @@
import 'package:flutter/material.dart';
import 'package:medical_consultation/constants/colors.dart';
import 'package:medical_consultation/constants/themes.dart';
import 'package:medical_consultation/features/conversations/screens/conversation_screen.dart';
import 'package:medical_consultation/features/dashboard/screens/dashboard_screen.dart';
import 'package:medical_consultation/features/shared/widgets/bottom_naviagton_bar.dart';

void main() {
runApp(const MyApp());
Expand Down Expand Up @@ -45,30 +44,10 @@ class _MyHomePageState extends State<MyHomePage>
padding: const EdgeInsets.only(bottom: 30),
indicatorColor: Colors.transparent,
controller: _tabController,
tabs: [
const Tab(icon: Icon(Icons.home_filled)),
const Tab(icon: Icon(Icons.post_add_outlined)),
Tab(
iconMargin: const EdgeInsets.only(),
icon: Icon(
Icons.add_circle_outlined,
color: AppColors.primary(),
size: 50,
),
),
const Tab(icon: Icon(Icons.message_outlined)),
const Tab(icon: Icon(Icons.settings)),
],
tabs: bottomBarTabs,
),
body: TabBarView(
controller: _tabController,
children: [
const DashboardScreen(),
Container(),
Container(),
const ConversationScreen(),
Container(),
],
body: BottomNaviagtionBarWidgets(
tabController: _tabController,
),
);
}
Expand Down

0 comments on commit ae088b6

Please sign in to comment.