From 8c32227596b5de15417e667cca84178a157543a1 Mon Sep 17 00:00:00 2001 From: Felipe Erias Date: Fri, 12 Nov 2021 15:36:12 +0900 Subject: Visual appearance of main navigation --- lib/page_dashboard.dart | 67 +++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 62 insertions(+), 5 deletions(-) (limited to 'lib/page_dashboard.dart') 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, + ), + ], + ) + ], + ), ); } } -- cgit 1.2.3-korg