-
Notifications
You must be signed in to change notification settings - Fork 1
/
persistent_bottom_bar_scaffold.dart
93 lines (84 loc) · 3.01 KB
/
persistent_bottom_bar_scaffold.dart
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
import 'package:flutter/material.dart';
class PersistentBottomBarScaffold extends StatefulWidget {
/// pass the required items for the tabs and BottomNavigationBar
final List<PersistentTabItem> items;
const PersistentBottomBarScaffold({Key? key, required this.items})
: super(key: key);
@override
_PersistentBottomBarScaffoldState createState() =>
_PersistentBottomBarScaffoldState();
}
class _PersistentBottomBarScaffoldState
extends State<PersistentBottomBarScaffold> {
int _selectedTab = 0;
@override
Widget build(BuildContext context) {
return WillPopScope(
onWillPop: () async {
/// Check if curent tab can be popped
if (widget.items[_selectedTab].navigatorkey?.currentState?.canPop() ??
false) {
widget.items[_selectedTab].navigatorkey?.currentState?.pop();
return false;
} else {
// if current tab can't be popped then use the root navigator
return true;
}
},
child: Scaffold(
/// Using indexedStack to maintain the order of the tabs and the state of the
/// previously opened tab
body: IndexedStack(
index: _selectedTab,
children: widget.items
.map((page) => Navigator(
/// Each tab is wrapped in a Navigator so that naigation in
/// one tab can be independent of the other tabs
key: page.navigatorkey,
onGenerateInitialRoutes: (navigator, initialRoute) {
return [
MaterialPageRoute(builder: (context) => page.tab)
];
},
))
.toList(),
),
/// Define the persistent bottom bar
bottomNavigationBar: BottomNavigationBar(
currentIndex: _selectedTab,
onTap: (index) {
/// Check if the tab that the user is pressing is currently selected
if (index == _selectedTab) {
/// if you want to pop the current tab to its root then use
widget.items[index].navigatorkey?.currentState
?.popUntil((route) => route.isFirst);
/// if you want to pop the current tab to its last page
/// then use
// widget.items[index].navigatorkey?.currentState?.pop();
} else {
setState(() {
_selectedTab = index;
});
}
},
items: widget.items
.map((item) => BottomNavigationBarItem(
icon: Icon(item.icon), label: item.title))
.toList(),
),
),
);
}
}
/// Model class that holds the tab info for the [PersistentBottomBarScaffold]
class PersistentTabItem {
final Widget tab;
final GlobalKey<NavigatorState>? navigatorkey;
final String title;
final IconData icon;
PersistentTabItem(
{required this.tab,
this.navigatorkey,
required this.title,
required this.icon});
}