Learnt a bit of loaders and date formatting

Author: chirambaht

lib/screens/home.dart

@@ -6,19 +6,47 @@ class Home extends StatefulWidget {
 }
 
 class _HomeState extends State<Home> {
+  Map data = {};
+
   @override
   Widget build(BuildContext context) {
+    data = ModalRoute.of(context).settings.arguments;
+
+    print(data);
     return Scaffold(
       body: SafeArea(
-          child: Column(
-        children: [
-          FlatButton.icon(
-              onPressed: () {
-                Navigator.pushNamed(context, '/location');
-              },
-              icon: Icon(Icons.edit_location),
-              label: Text('Edit Location'))
-        ],
+          child: Padding(
+        padding: EdgeInsets.fromLTRB(0, 120, 0, 0),
+        child: Column(
+          children: [
+            FlatButton.icon(
+                onPressed: () {
+                  Navigator.pushNamed(context, '/location');
+                },
+                icon: Icon(Icons.edit_location),
+                label: Text('Edit Location')),
+            SizedBox(height: 20),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Text(
+                  '${data['location']}',
+                  style: TextStyle(
+                    fontSize: 28.0,
+                    letterSpacing: 2.0,
+                  ),
+                ),
+              ],
+            ),
+            SizedBox(height: 20),
+            Text(
+              data['time'],
+              style: TextStyle(
+                fontSize: 66,
+              ),
+            )
+          ],
+        ),
       )),
     );
   }

lib/screens/loading.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-
+import 'package:flutter_spinkit/flutter_spinkit.dart';
 import 'package:ninja_app/services/world_time.dart';
 
 class Loading extends StatefulWidget {
@@ -31,10 +31,11 @@ class _LoadingState extends State<Loading> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      body: Padding(
-        padding: const EdgeInsets.all(50.0),
-        child: Text('$time'),
+        body: Center(
+      child: SpinKitFoldingCube(
+        color: Colors.blue[900],
+        size: 100,
       ),
-    );
+    ));
   }
 }

lib/services/world_time.dart

@@ -1,5 +1,6 @@
 import 'package:http/http.dart';
 import 'dart:convert';
+import 'package:intl/intl.dart';
 
 class WorldTime {
   String location;
@@ -20,7 +21,7 @@ class WorldTime {
       DateTime now = DateTime.parse(dateTime);
       now = now.add(new Duration(hours: int.parse(offset)));
 
-      this.time = now.toString();
+      this.time = DateFormat.jm().format(now);
     } catch (e) {
       print(e);
       this.time = 'Could not get a time value';

pubspec.lock

@@ -62,6 +62,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_spinkit:
+    dependency: "direct main"
+    description:
+      name: flutter_spinkit
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.1.2+1"
   flutter_test:
     dependency: "direct dev"
     description: flutter
@@ -81,6 +88,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "3.1.4"
+  intl:
+    dependency: "direct main"
+    description:
+      name: intl
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.16.1"
   matcher:
     dependency: transitive
     description:
@@ -172,3 +186,4 @@ packages:
     version: "2.1.0-nullsafety.3"
 sdks:
   dart: ">=2.10.0-110 <2.11.0"
+  flutter: ">=0.1.4 <2.0.0"

pubspec.yaml

@@ -25,6 +25,8 @@ dependencies:
     sdk: flutter
 
   http: ^0.12.2
+  intl: ^0.16.1
+  flutter_spinkit: "^4.1.2"
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.0