feat: initiate add emergency screen🎨

SafetyWalk · Aug 24, 2023 · 54415ab · 54415ab
1 parent 9a37b72
commit 54415ab
Show file tree

Hide file tree

Showing 4 changed files with 194 additions and 2 deletions.
diff --git a/assets/icons/ic_image.png b/assets/icons/ic_image.png
diff --git a/lib/ui/phone/add_emergency.dart b/lib/ui/phone/add_emergency.dart
@@ -0,0 +1,186 @@
+import 'package:flutter/material.dart';
+import 'package:safewalk/constants/colors.dart';
+import 'package:safewalk/utils/device/device_utils.dart';
+
+class AddEmergencyScreen extends StatefulWidget {
+  const AddEmergencyScreen({super.key});
+
+  @override
+  State<AddEmergencyScreen> createState() => _AddEmergencyScreenState();
+}
+
+class _AddEmergencyScreenState extends State<AddEmergencyScreen> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(),
+      body: SingleChildScrollView(
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 16.0),
+              child: Text(
+                "Add Emergency Contact",
+                textAlign: TextAlign.start,
+                style: TextStyle(
+                  fontSize: 24,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+            ),
+            _buildPhotoHolder(),
+            _buildNameField(),
+            _buildPhoneField(),
+            _buildEmailField(),
+            SizedBox(
+              height: DeviceUtils.getScaledHeight(context, 0.2)
+            ),
+            _buildButtonField()
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildButtonField() {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      mainAxisSize: MainAxisSize.max,
+      crossAxisAlignment: CrossAxisAlignment.center,
+      children: [
+        Container(
+          height: 50,
+          width: DeviceUtils.getScaledWidth(context, 0.2),
+          margin: EdgeInsets.only(left:16 , top: 8),
+          child: ElevatedButton(
+            onPressed: () {
+              Navigator.pop(context);
+            },
+            child: Text("Cancel"),
+            style: ElevatedButton.styleFrom(
+              backgroundColor: Colors.grey.withOpacity(0.2),
+              shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(10),
+              ),
+            ),
+          ),
+        ),
+        GestureDetector(
+          child: Container(
+            height: 50,
+            width: DeviceUtils.getScaledWidth(context, 0.65),
+            margin: EdgeInsets.only(right: 16, top: 8),
+            decoration: BoxDecoration(
+              gradient: LinearGradient(
+                colors: [
+                  AppColors.primaryGradientDarkTopLeft,
+                  AppColors.primaryGradientDarkBottomRight,
+                ],
+                begin: Alignment.topLeft,
+                end: Alignment.bottomRight,
+              ),
+              borderRadius: BorderRadius.circular(10),
+            ),
+            child: Center(
+              child: Text(
+                "Save",
+                style: TextStyle(
+                  fontSize: 16,
+                  fontWeight: FontWeight.bold,
+                  color: Colors.white,
+                ),
+              ),
+            )
+          ),
+          onTap: () {
+            print("Save");
+          },
+        ),
+      ],
+    );
+  }
+
+  Widget _buildNameField() {
+    return Container(
+      margin: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+      child: TextField(
+        decoration: InputDecoration(
+          labelText: "Name",
+          border: OutlineInputBorder(
+            borderRadius: BorderRadius.circular(10),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildPhoneField() {
+    return Container(
+      margin: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+      child: TextField(
+        decoration: InputDecoration(
+          labelText: "Phone",
+          border: OutlineInputBorder(
+            borderRadius: BorderRadius.circular(10),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildEmailField() {
+    return Container(
+      margin: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+      child: TextField(
+        decoration: InputDecoration(
+          labelText: "Email",
+          border: OutlineInputBorder(
+            borderRadius: BorderRadius.circular(10),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildPhotoHolder() {
+    return Center(
+      child: Container(
+        margin: EdgeInsets.symmetric(horizontal: 16, vertical: 16),
+        height: 210,
+        width: 210,
+        decoration: BoxDecoration(
+          gradient: LinearGradient(
+            colors: [
+              AppColors.primaryGradientDarkTopLeft,
+              AppColors.primaryGradientDarkBottomRight,
+            ],
+            begin: Alignment.topLeft,
+            end: Alignment.bottomRight,
+          ),
+          borderRadius: BorderRadius.circular(100),
+        ),
+        child: GestureDetector(
+          child: Container(
+            height: 200,
+            width: 200,
+            margin: EdgeInsets.symmetric(horizontal: 10, vertical: 10),
+            decoration: BoxDecoration(
+              color: AppColors.backgroundDark,
+              borderRadius: BorderRadius.circular(100),
+            ),
+            child: Center(
+                child: Image.asset(
+              'assets/icons/ic_image.png',
+              height: 100,
+              width: 100,
+            )),
+          ),
+          onTap: () {
+            print("Add photo");
+          },
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/ui/phone/phone.dart b/lib/ui/phone/phone.dart
@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:safewalk/constants/colors.dart';
+import 'package:safewalk/utils/routes/routes.dart';
 
 class PhoneScreen extends StatefulWidget {
   @override
@@ -68,7 +69,8 @@ class _PhoneScreenState extends State<PhoneScreen> {
         ),
       ),
       onTap: () {
-        print("add emergency");
+        // print("add emergency");
+        Navigator.of(context).pushNamed(Routes.addEmergency);
       },
     );
   }

diff --git a/lib/utils/routes/routes.dart b/lib/utils/routes/routes.dart
@@ -8,6 +8,7 @@ import 'package:safewalk/ui/maps/distance.dart';
 import 'package:safewalk/ui/maps/maps.dart';
 import 'package:safewalk/ui/dev/navigator.dart';
 import 'package:safewalk/ui/onboard/onboarding.dart';
+import 'package:safewalk/ui/phone/add_emergency.dart';
 import 'package:safewalk/ui/post/post.dart';
 import 'package:safewalk/ui/splash/splash.dart';
 import 'package:flutter/material.dart';
@@ -35,6 +36,8 @@ class Routes {
   static const String library = '/library';
   static const String navigator = '/navigator';
 
+  static const String addEmergency = '/addEmergency';
+
   static final routes = <String, WidgetBuilder>{
     splash: (BuildContext context) => SplashScreen(),
     login: (BuildContext context) => LoginScreen(),
@@ -47,9 +50,10 @@ class Routes {
     biodata: (BuildContext context) => BiodataScreen(),
     selfpict: (BuildContext context) => SelfPictScreen(),
     success: (BuildContext context) => SuccessScreen(),
-
     storage: (BuildContext context) => StorageScreen(),
     library: (BuildContext context) => LibraryScreen(),
     navigator: (BuildContext context) => NavigatorScreen(),
+
+    addEmergency: (BuildContext context) => AddEmergencyScreen(),
   };
 }