Mobile Screen 67

README.md

@@ -102,10 +102,9 @@ flutter build apk
 | ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- | ------- |
 | <img src="art/screenshots/page_61.png" width="200"/> | <img src="art/screenshots/page_62.png" width="200"/> | <img src="art/screenshots/page_63.png" width="200"/> |         |
 
-| Page 65                                              | Page 66 | Page 67 | Page 68 |
-| ---------------------------------------------------- | ------- | ------- | ------- |
-| <img src="art/screenshots/page_65.png" width="200"/> | <img src="art/screenshots/page_66.png" width="200"/> |         |         |
-
+| Page 65                                              | Page 66                                              | Page 67                                              | Page 68 |
+| ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- | ------- |
+| <img src="art/screenshots/page_65.png" width="200"/> | <img src="art/screenshots/page_66.png" width="200"/> | <img src="art/screenshots/page_67.png" width="200"/> |         |
 
 | Page 69 | Page 70 | Page 71 | Page 72 |
 | ------- | ------- | ------- | ------- |

lib/src/mobile_ui/67/page_67.dart

@@ -0,0 +1,87 @@
+import 'package:flutter/material.dart';
+
+class Page67 extends StatefulWidget {
+  const Page67({super.key});
+
+  @override
+  State<Page67> createState() => _Page67State();
+}
+
+class _Page67State extends State<Page67> {
+  final options = ["Male", "Female", "Non-binary", "Rather not say"];
+
+  String currentOption = '';
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: SafeArea(
+        child: Padding(
+          padding: EdgeInsets.symmetric(horizontal: 24, vertical: 26),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              LinearProgressIndicator(
+                value: 0.4,
+                backgroundColor: Color(0xffD0D0D0),
+                color: Colors.black,
+              ),
+              SizedBox(
+                height: 40,
+              ),
+              Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    'What is your gender?',
+                    style: TextStyle(
+                      color: Colors.black,
+                      fontSize: 24,
+                      fontFamily: 'Work Sans',
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                  Text(
+                    'This helps us personalize your journey to you. ',
+                    style: TextStyle(
+                      color: Colors.black,
+                      fontSize: 14,
+                      fontFamily: 'Work Sans',
+                      fontWeight: FontWeight.w400,
+                    ),
+                  )
+                ],
+              ),
+              SizedBox(
+                height: 67,
+              ),
+              ...List.generate(
+                options.length,
+                (index) => RadioListTile(
+                  value: options[index],
+                  groupValue: currentOption,
+                  onChanged: (value) {
+                    setState(() {
+                      currentOption = value!;
+                    });
+                  },
+                  contentPadding: EdgeInsets.symmetric(horizontal: 0),
+                  title: Text(
+                    options[index],
+                    style: TextStyle(
+                      color: Colors.black,
+                      fontSize: 16,
+                      fontFamily: 'Work Sans',
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                  activeColor: Colors.black,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/src/mobile_ui/root/root.dart

@@ -435,6 +435,11 @@ class RootWidget extends StatelessWidget {
                   onPressed: () {
                     context.push("/${MobileRoutes.pg66}");
                   }),
+              PageButtonWidget(
+                  page: 67,
+                  onPressed: () {
+                    context.push("/${MobileRoutes.pg67}");
+                  }),
 
               _RangeHeader(text: "101 -150"),
 

lib/src/mobile_ui/routes/routes.dart

@@ -75,6 +75,7 @@ class MobileRoutes {
   static const pg63 = "pg63";
   static const pg64 = "pg64";
   static const pg66 = "pg66";
+  static const pg67 = "pg67";
 
   /// 81 - 100
 
@@ -87,4 +88,5 @@ class MobileRoutes {
 
   /// 161 - 180
   static const pg175 = "pg175";
+
 }

lib/src/navigation/new_routes.dart

@@ -47,7 +47,7 @@ import 'package:flutter_ui_kit_obkm/src/mobile_ui/63/page_63.dart';
 import 'package:flutter_ui_kit_obkm/src/mobile_ui/64/page_64.dart';
 import 'package:flutter_ui_kit_obkm/src/mobile_ui/65/page_65.dart';
 import 'package:flutter_ui_kit_obkm/src/mobile_ui/66/page_66.dart';
-
+import 'package:flutter_ui_kit_obkm/src/mobile_ui/67/page_67.dart';
 import 'package:flutter_ui_kit_obkm/src/mobile_ui/7/page7.dart';
 import 'package:flutter_ui_kit_obkm/src/mobile_ui/8/page8.dart';
 import 'package:flutter_ui_kit_obkm/src/mobile_ui/9/page9.dart';
@@ -425,11 +425,10 @@ var newRoutesConfig = GoRouter(
           builder: (BuildContext context, GoRouterState state) =>
               const Page66(),
         ),
-
         GoRoute(
-          path: MobileRoutes.pg65,
+          path: MobileRoutes.pg67,
           builder: (BuildContext context, GoRouterState state) =>
-              const Page65(),
+              const Page67(),
         ),