[Mobile] Start the mobile UI

passwdapp · Sep 1, 2020 · 95b655d · 95b655d
1 parent 8860f02
commit 95b655d
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/lib/main.dart b/lib/main.dart
@@ -6,6 +6,7 @@ import 'package:passwd/constants/theme.dart';
 import 'package:passwd/router/router.gr.dart' as router;
 import 'package:passwd/services/locator.dart';
 import 'package:stacked_services/stacked_services.dart';
+import 'package:supercharged/supercharged.dart';
 
 void main() {
   initializeLocator();
@@ -57,7 +58,11 @@ class MyApp extends StatelessWidget {
           scaffoldBackgroundColor: canvasColor,
           bottomNavigationBarTheme:
               ThemeData.dark().bottomNavigationBarTheme.copyWith(
-                    backgroundColor: Colors.white,
+                    backgroundColor: "#141414".toColor(),
+                    unselectedIconTheme: IconThemeData(
+                      color: Colors.white.withOpacity(0.92),
+                    ),
+                    showUnselectedLabels: false,
                     elevation: 4,
                   ),
           cursorColor: primaryColor,

diff --git a/lib/screens/home/home_screen.dart b/lib/screens/home/home_screen.dart
@@ -22,6 +22,22 @@ class HomeScreen extends StatelessWidget {
       viewModelBuilder: () => HomeViewModel(),
       builder: (context, model, child) => ScreenTypeBuilder(
         mobile: Scaffold(
+          bottomNavigationBar: BottomNavigationBar(
+            onTap: (i) {
+              if (i != model.currentItem) {
+                model.currentItem = i;
+              }
+            },
+            currentIndex: model.currentItem,
+            items: navMenuEntries
+                .map(
+                  (e) => BottomNavigationBarItem(
+                    icon: Icon(e.icon),
+                    label: e.localizationTag,
+                  ),
+                )
+                .toList(),
+          ),
           body: getStack(
             model.currentItem,
           ),