authentication screens layout

lib/pages/authentication/screens/password.dart

@@ -1,9 +1,8 @@
 import 'package:didvan/pages/authentication/authentication_state.dart';
-import 'package:didvan/pages/authentication/widgets/authentication_app_bar.dart';
+import 'package:didvan/pages/authentication/widgets/authentication_layout.dart';
 import 'package:didvan/widgets/didvan/button.dart';
 import 'package:didvan/widgets/didvan/text.dart';
 import 'package:didvan/widgets/didvan/text_field.dart';
-import 'package:didvan/widgets/logos/didvan_horizontal_logo.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
@@ -13,24 +12,9 @@ class PasswordInput extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final AuthenticationState state = context.read<AuthenticationState>();
-    return SingleChildScrollView(
+    return AuthenticationLayout(
-      padding: const EdgeInsets.symmetric(horizontal: 20),
+      appBarTitle: 'ورود با شماره موبایل ' + state.phoneNumber,
-      child: SizedBox(
-        height: MediaQuery.of(context).size.height,
-        child: Column(
       children: [
-            AuthenticationAppBar(
-              title: 'ورود با شماره موبایل ' + state.phoneNumber,
-            ),
-            const Padding(
-              padding: EdgeInsets.only(
-                bottom: 44,
-                top: 34,
-                left: 100,
-                right: 100,
-              ),
-              child: DidvanVerticalLogo(),
-            ),
         DidvanTextField(
           onChanged: (value) => state.password = value,
           autoFocus: true,
@@ -58,8 +42,6 @@ class PasswordInput extends StatelessWidget {
           height: 48,
         ),
       ],
-        ),
-      ),
     );
   }
 }

lib/pages/authentication/screens/phone_number.dart

@@ -1,7 +1,7 @@
 import 'package:didvan/pages/authentication/authentication_state.dart';
+import 'package:didvan/pages/authentication/widgets/authentication_layout.dart';
 import 'package:didvan/widgets/didvan/button.dart';
 import 'package:didvan/widgets/didvan/text_field.dart';
-import 'package:didvan/widgets/logos/didvan_horizontal_logo.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
@@ -14,22 +14,8 @@ class PhoneNumberInput extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final AuthenticationState state = context.read<AuthenticationState>();
-    return SingleChildScrollView(
+    return AuthenticationLayout(
-      physics: const NeverScrollableScrollPhysics(),
-      padding: const EdgeInsets.all(20),
-      child: SizedBox(
-        height: MediaQuery.of(context).size.height,
-        child: Column(
       children: [
-            const Padding(
-              padding: EdgeInsets.only(
-                top: 80,
-                left: 100,
-                right: 100,
-                bottom: 40,
-              ),
-              child: DidvanVerticalLogo(),
-            ),
         DidvanTextField(
           title: 'شماره موبایل',
           textInputType: TextInputType.phone,
@@ -89,8 +75,6 @@ class PhoneNumberInput extends StatelessWidget {
           height: 48,
         ),
       ],
-        ),
-      ),
     );
   }
 }

lib/pages/authentication/screens/verification.dart

@@ -1,9 +1,8 @@
 import 'package:didvan/config/design_config.dart';
 import 'package:didvan/pages/authentication/authentication_state.dart';
-import 'package:didvan/pages/authentication/widgets/authentication_app_bar.dart';
+import 'package:didvan/pages/authentication/widgets/authentication_layout.dart';
 import 'package:didvan/widgets/didvan/button.dart';
 import 'package:didvan/widgets/didvan/text.dart';
-import 'package:didvan/widgets/logos/didvan_horizontal_logo.dart';
 import 'package:flutter/material.dart';
 import 'package:pin_code_fields/pin_code_fields.dart';
 import 'package:provider/provider.dart';
@@ -14,25 +13,9 @@ class Verification extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final AuthenticationState state = context.read<AuthenticationState>();
-    return SingleChildScrollView(
+    return AuthenticationLayout(
-      physics: const NeverScrollableScrollPhysics(),
+      appBarTitle: 'تغییر رمز عبور',
-      padding: const EdgeInsets.symmetric(horizontal: 20),
-      child: SizedBox(
-        height: MediaQuery.of(context).size.height,
-        child: Column(
       children: [
-            const AuthenticationAppBar(
-              title: 'تغییر رمز عبور',
-            ),
-            const Padding(
-              padding: EdgeInsets.only(
-                bottom: 24,
-                top: 34,
-                left: 100,
-                right: 100,
-              ),
-              child: DidvanVerticalLogo(),
-            ),
         DidvanText(
           'کد 6 رقممی ارسال شده به موبایل',
           style: Theme.of(context).textTheme.subtitle2,
@@ -85,8 +68,6 @@ class Verification extends StatelessWidget {
           height: 48,
         ),
       ],
-        ),
-      ),
     );
   }
 }

lib/pages/authentication/widgets/authentication_layout.dart

@@ -0,0 +1,45 @@
+import 'package:didvan/pages/authentication/widgets/authentication_app_bar.dart';
+import 'package:didvan/widgets/logos/didvan_horizontal_logo.dart';
+import 'package:flutter/material.dart';
+
+class AuthenticationLayout extends StatelessWidget {
+  final List<Widget> children;
+  final String? appBarTitle;
+
+  const AuthenticationLayout(
+      {Key? key, required this.children, this.appBarTitle})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return SingleChildScrollView(
+      padding: const EdgeInsets.symmetric(horizontal: 20),
+      physics: const NeverScrollableScrollPhysics(),
+      child: SizedBox(
+        height: MediaQuery.of(context).size.height,
+        child: Column(
+          children: [
+            if (appBarTitle != null)
+              AuthenticationAppBar(
+                title: appBarTitle,
+              ),
+            if (appBarTitle == null)
+              const SizedBox(
+                height: 66,
+              ),
+            const Padding(
+              padding: EdgeInsets.only(
+                top: 44,
+                left: 100,
+                right: 100,
+                bottom: 40,
+              ),
+              child: DidvanVerticalLogo(),
+            ),
+            ...children,
+          ],
+        ),
+      ),
+    );
+  }
+}