Visual appearance of main navigation

1 files changed, 62 insertions, 5 deletions

diff --git a/lib/page_dashboard.dart b/lib/page_dashboard.dart
index 17258a8..bce7590 100644
--- a/lib/page_dashboard.dart
+++ b/lib/page_dashboard.dart
@@ -5,14 +5,71 @@ class DashboardPage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    var screenHeight = MediaQuery.of(context).size.height;
+    var iconSize = screenHeight / 8;
+
     return Container(
-      color: Colors.lightGreen,
+      color: Colors.indigo.shade50,
       constraints: BoxConstraints.expand(),
       alignment: Alignment.center,
-      child: Text(
-        'Dashboard',
-        style: Theme.of(context).textTheme.headline1,
-        ),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.spaceAround,
+        children: [
+          Text(
+            '0 kpm',
+            style: Theme.of(context).textTheme.headline4,
+          ),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceAround,
+            children: [
+              Column(
+                mainAxisAlignment: MainAxisAlignment.spaceAround,
+                children: [
+                  Text(
+                    'Left front tire',
+                    style: Theme.of(context).textTheme.headline4,
+                  ),
+                  Text(
+                    'Left rear tire',
+                    style: Theme.of(context).textTheme.headline4,
+                  ),
+                ],
+              ),
+              Icon(
+                Icons.drive_eta,
+                size: iconSize,
+                color: Colors.indigo.shade800,
+              ),
+              Column(
+                mainAxisAlignment: MainAxisAlignment.spaceAround,
+                children: [
+                  Text(
+                    'Right front tire',
+                    style: Theme.of(context).textTheme.headline4,
+                  ),
+                  Text(
+                    'Right rear tire',
+                    style: Theme.of(context).textTheme.headline4,
+                  ),
+                ],
+              ),
+            ],
+          ),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceAround,
+            children: [
+              Text(
+                'RPM',
+                style: Theme.of(context).textTheme.headline4,
+              ),
+              Text(
+                'Fuel',
+                style: Theme.of(context).textTheme.headline4,
+              ),
+            ],
+          )
+        ],
+      ),
     );
   }
 }