Create sign up screen state

Year-3-Assignments · Sep 13, 2021 · ebac1ab · ebac1ab
1 parent 838fb8e
commit ebac1ab
Show file tree

Hide file tree

Showing 10 changed files with 174 additions and 31 deletions.
diff --git a/lib/components/rounded_dropdown_feild.dart b/lib/components/rounded_dropdown_feild.dart
@@ -6,12 +6,14 @@ class RoundedDropDownFeild extends StatefulWidget {
   final String text;
   final bool isRequiredFeild;
   final bool isCountry;
+  final String value;
 
   const RoundedDropDownFeild({
     Key key,
     this.isRequiredFeild,
     this.onChange,
     this.text,
+    this.value,
     this.isCountry,
   }) : super(key: key);
 
@@ -20,6 +22,7 @@ class RoundedDropDownFeild extends StatefulWidget {
         isRequiredFeild: isRequiredFeild,
         onChange: onChange,
         text: text,
+        value: value,
         isCountry: isCountry,
       );
 }
@@ -29,13 +32,15 @@ class _RoundedDropDownFeildState extends State<RoundedDropDownFeild> {
   final String text;
   final bool isRequiredFeild;
   final bool isCountry;
+  final String value;
   bool _isFieldValid;
 
   _RoundedDropDownFeildState({
     Key key,
     this.isRequiredFeild,
     this.onChange,
     this.text,
+    this.value,
     this.isCountry,
   });
 
@@ -187,8 +192,7 @@ class DropDownContainer extends StatelessWidget {
     final size = MediaQuery.of(context).size;
 
     return Container(
-      margin: EdgeInsets.symmetric(vertical: 1),
-      padding: EdgeInsets.symmetric(horizontal: 25, vertical: 3),
+      padding: EdgeInsets.symmetric(horizontal: 18, vertical: 3),
       width: size.width * 0.9,
       decoration: BoxDecoration(
           color: Colors.grey[300], borderRadius: BorderRadius.circular(15)),

diff --git a/lib/components/rounded_input_field.dart b/lib/components/rounded_input_field.dart
@@ -7,6 +7,7 @@ class RoundedTextFeild extends StatefulWidget {
   final String text;
   final bool isNumber;
   final IconData icon;
+  final String value;
   final bool isPhoneNumber;
   final bool isRequiredFeild;
   const RoundedTextFeild({
@@ -15,6 +16,7 @@ class RoundedTextFeild extends StatefulWidget {
     this.isPassword,
     this.isNumber,
     this.icon,
+    this.value,
     this.text,
     this.isPhoneNumber = false,
     this.isRequiredFeild,
@@ -27,6 +29,7 @@ class RoundedTextFeild extends StatefulWidget {
         isPhoneNumber: isPhoneNumber,
         onChange: onChange,
         text: text,
+        value: value,
         isRequiredFeild: isRequiredFeild,
       );
 }
@@ -36,6 +39,7 @@ class _RoundedTextFeildState extends State<RoundedTextFeild> {
   final bool isPassword;
   final String text;
   final bool isNumber;
+  final String value;
   final IconData icon;
   final bool isPhoneNumber;
   final bool isRequiredFeild;
@@ -47,6 +51,7 @@ class _RoundedTextFeildState extends State<RoundedTextFeild> {
     this.isPassword,
     this.isNumber,
     this.icon,
+    this.value,
     this.text,
     this.isPhoneNumber = false,
     this.isRequiredFeild,
@@ -72,6 +77,7 @@ class _RoundedTextFeildState extends State<RoundedTextFeild> {
           ),
           TextFieldContainer(
             child: TextFormField(
+              initialValue: value,
               validator: (value) {
                 if (value.isEmpty) {
                   setState(() {
@@ -119,6 +125,7 @@ class _RoundedTextFeildState extends State<RoundedTextFeild> {
                           ),
                           alignment: Alignment.centerRight,
                         ),
+                        onPressed: () {},
                       ),
               ),
             ),

diff --git a/lib/main.dart b/lib/main.dart
@@ -1,10 +1,17 @@
+import 'package:dialog_doc990_mobile/providers/sign_up_provider.dart';
 import 'package:dialog_doc990_mobile/route_generator.dart';
 import 'package:dialog_doc990_mobile/screens/home/home_screen.dart';
 import 'package:dialog_doc990_mobile/screens/welcome/welcome_screen.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:provider/provider.dart';
 
-void main() => runApp(DocApp());
+void main() => runApp(
+      MultiProvider(
+        providers: [ChangeNotifierProvider(create: (_) => SignUpProvider())],
+        child: DocApp(),
+      ),
+    );
 
 class DocApp extends StatelessWidget {
   @override

diff --git a/lib/providers/sign_up_provider.dart b/lib/providers/sign_up_provider.dart
@@ -0,0 +1,85 @@
+import 'package:flutter/material.dart';
+
+class SignUpProvider with ChangeNotifier {
+  String _email = '';
+  String _phoneNumber = '';
+  String _country = '';
+  String _title = '';
+  String _name = '';
+  String _nic = '';
+  String _password = '';
+
+  void setEmail(String email) {
+    _email = email;
+    notifyListeners();
+  }
+
+  void setPhoneNumber(String phoneNumber) {
+    _phoneNumber = phoneNumber;
+    notifyListeners();
+  }
+
+  void setCountry(String country) {
+    // var countryData = country.split(' ');
+    _country = country;
+    notifyListeners();
+  }
+
+  void setTitle(String title) {
+    _title = title;
+    notifyListeners();
+  }
+
+  void setName(String name) {
+    _name = name;
+    notifyListeners();
+  }
+
+  void setNIC(String nic) {
+    _nic = nic;
+    notifyListeners();
+  }
+
+  void setPassword(String password) {
+    _password = password;
+    notifyListeners();
+  }
+
+  String getEmail() {
+    return _email;
+  }
+
+  String getPhoneNumber() {
+    return _phoneNumber;
+  }
+
+  String getCountry() {
+    return _country;
+  }
+
+  String getTitle() {
+    return _title;
+  }
+
+  String getName() {
+    return _name;
+  }
+
+  String getNIC() {
+    return _nic;
+  }
+
+  String getPassword() {
+    return _password;
+  }
+
+  void resetValues() {
+    _email = '';
+    _country = '';
+    _phoneNumber = '';
+    _nic = '';
+    _title = '';
+    _password = '';
+    _name = '';
+  }
+}
diff --git a/lib/screens/home/home_navigation_menu.dart b/lib/screens/home/home_navigation_menu.dart
@@ -1,3 +1,4 @@
+import 'package:dialog_doc990_mobile/constants.dart';
 import 'package:dialog_doc990_mobile/screen_keys.dart';
 import 'package:flutter/material.dart';
 
@@ -39,7 +40,7 @@ class HomeNavigationMenu extends StatelessWidget {
         child: Text(
           text,
           style: TextStyle(
-            fontFamily: 'Larsseit',
+            fontFamily: FONT_FAMILY_PRIMARY,
             fontSize: 18,
           ),
         ),

diff --git a/lib/screens/home/home_screen_service_content.dart b/lib/screens/home/home_screen_service_content.dart
@@ -16,6 +16,11 @@ class HomeScreenServiceContent extends StatefulWidget {
 class _HomeScreenServiceContentState extends State<HomeScreenServiceContent> {
   final Widget child;
 
+  @override
+  void initialState() {
+    super.initState();
+  }
+
   _HomeScreenServiceContentState({
     this.child,
   });

diff --git a/lib/screens/signup/signup_form_1.dart b/lib/screens/signup/signup_form_1.dart
@@ -1,30 +1,26 @@
 import 'package:dialog_doc990_mobile/components/rounded_button.dart';
 import 'package:dialog_doc990_mobile/components/rounded_input_field.dart';
 import 'package:dialog_doc990_mobile/constants.dart';
+import 'package:dialog_doc990_mobile/providers/sign_up_provider.dart';
 import 'package:dialog_doc990_mobile/screen_keys.dart';
 import 'package:dialog_doc990_mobile/screens/signup/signup_screen_2.dart';
 import 'package:flutter/material.dart';
 import 'package:page_transition/page_transition.dart';
+import 'package:provider/provider.dart';
 
 class SignUpForm1 extends StatefulWidget {
   @override
   _SignUpForm1State createState() => _SignUpForm1State();
 }
 
 class _SignUpForm1State extends State<SignUpForm1> {
-  String phoneNumber;
-  String emailAddress;
   GlobalKey<FormState> _signUpFrom1Key =
       GlobalKey<FormState>(debugLabel: '_signFrom1Key');
-  _SignUpForm1State({
-    this.phoneNumber,
-    this.emailAddress,
-  });
 
   void submitAndNavigateTo2ndScreen() {
     if (_signUpFrom1Key.currentState.validate() &&
-        emailAddress != null &&
-        phoneNumber != null) {
+        context.read<SignUpProvider>().getEmail() != null &&
+        context.read<SignUpProvider>().getPhoneNumber() != null) {
       Navigator.push(
         context,
         PageTransition(
@@ -69,8 +65,9 @@ class _SignUpForm1State extends State<SignUpForm1> {
                 isPhoneNumber: false,
                 icon: Icons.email,
                 text: 'Email Address',
+                value: context.read<SignUpProvider>().getEmail(),
                 onChange: (text) {
-                  emailAddress = text;
+                  context.read<SignUpProvider>().setEmail(text);
                 },
               ),
               RoundedTextFeild(
@@ -80,8 +77,9 @@ class _SignUpForm1State extends State<SignUpForm1> {
                 isPhoneNumber: true,
                 icon: Icons.phone,
                 text: 'Your Phone Number',
+                value: context.read<SignUpProvider>().getPhoneNumber(),
                 onChange: (text) {
-                  phoneNumber = text;
+                  context.read<SignUpProvider>().setPhoneNumber(text);
                 },
               ),
               SizedBox(