99 | What are the differences between innerRoute & bottomBar ?
100 |
101 | This creates a route with a bottom menu item:
102 |
103 | ```dart
104 | BartMenuRoute.bottomBar(...)
105 | ```
106 |
107 | This creates a route that you can push within your scaffold body (no extra item will be added in bottom bar)
108 |
109 | ```dart
110 | BartMenuRoute.innerRoute(...)
111 | ```
112 |
113 |
114 |
115 |
116 | - Create your main page which include the Bart tabbar Scaffold
117 |
118 | ```dart
119 | class MainPageMenu extends StatelessWidget {
120 | const MainPageMenu({Key? key}) : super(key: key);
121 |
122 | @override
123 | Widget build(BuildContext context) {
124 | return BartScaffold(
125 | routesBuilder: subRoutes, // add a reference to the subRoutes list you created before
126 | bottomBar: BartBottomBar.adaptive(), // add the bottom bar (see below for other options)
127 | );
128 | }
129 | }
130 | ```
131 |
132 | ## 🏞 Bottom bar themes
133 |
134 | Bart include 4 ways to display a bottom bar:
135 |
136 | ```dart
137 | BartBottomBar.cupertino() // iOS look.
138 | BartBottomBar.material3() // Android look.
139 | BartBottomBar.adaptive() // automatically select between cupertino & material depending on the device.
140 | BartBottomBar.custom() // your own design
141 | ```
142 |
143 | To custom the bottom bar, simply extends `BartBottomBarCustom` and create your own bottom bar like `SimpleBottomBar`(in example project). 
3 | 
9 | 
10 | 
19 |
20 |
21 | [This plugin is also available as a template in ApparenceKit](https://apparencekit.dev).
45 | 
339 |