Added new screens (credentials and name)

2023-12-20 17:07:20 +03:00
parent d923503eb4
commit 299b0b6130
15 changed files with 460 additions and 6 deletions
--- a/lib/presentation/credentials_screen/credentials_screen.dart
+++ b/lib/presentation/credentials_screen/credentials_screen.dart
@@ -0,0 +1,130 @@
+import 'bloc/credentials_bloc.dart';
+import 'models/credentials_model.dart';
+import 'package:eatvio_app/core/app_export.dart';
+import 'package:eatvio_app/widgets/app_bar/appbar_leading_image.dart';
+import 'package:eatvio_app/widgets/app_bar/appbar_title_image.dart';
+import 'package:eatvio_app/widgets/app_bar/custom_app_bar.dart';
+import 'package:eatvio_app/widgets/custom_outlined_button.dart';
+import 'package:eatvio_app/widgets/custom_text_form_field.dart';
+import 'package:flutter/material.dart';
+
+class CredentialsScreen extends StatefulWidget {
+  const CredentialsScreen({Key? key}) : super(key: key);
+
+  static Widget builder(BuildContext context) {
+    return BlocProvider<CredentialsBloc>(
+        create: (context) => CredentialsBloc(
+            CredentialsState(credentialsModelObj: CredentialsModel()))
+          ..add(CredentialsInitialEvent()),
+        child: CredentialsScreen());
+  }
+
+  @override
+  State<CredentialsScreen> createState() => _CredentialsScreenState();
+}
+
+class _CredentialsScreenState extends State<CredentialsScreen> {
+  @override
+  Widget build(BuildContext context) {
+    mediaQueryData = MediaQuery.of(context);
+    return SafeArea(
+        child: Scaffold(
+            resizeToAvoidBottomInset: false,
+            appBar: _buildAppBar(context),
+            body: Container(
+                width: double.maxFinite,
+                padding: EdgeInsets.symmetric(horizontal: 16.h, vertical: 9.v),
+                child: Column(children: [
+                  SizedBox(height: 7.v),
+                  Container(
+                      height: 16.v,
+                      width: 343.h,
+                      decoration: BoxDecoration(
+                          color: theme.colorScheme.onPrimary,
+                          borderRadius: BorderRadius.circular(8.h),
+                          border: Border.all(
+                              color: theme.colorScheme.primary, width: 1.h)),
+                      child: ClipRRect(
+                          borderRadius: BorderRadius.circular(8.h),
+                          child: LinearProgressIndicator(
+                              value: 0.05,
+                              backgroundColor: theme.colorScheme.onPrimary,
+                              valueColor: AlwaysStoppedAnimation<Color>(
+                                  appTheme.blueA400)))),
+                  SizedBox(height: 39.v),
+                  Text("user_registration".tr,
+                      style: theme.textTheme.headlineSmall),
+                  SizedBox(height: 93.v),
+                  Text("email".tr, style: theme.textTheme.bodyLarge),
+                  SizedBox(height: 3.v),
+                  BlocSelector<CredentialsBloc, CredentialsState,
+                          TextEditingController?>(
+                      selector: (state) => state.valueController1,
+                      builder: (context, valueController1) {
+                        return CustomTextFormField(
+                            controller: valueController1,
+                            textInputAction: TextInputAction.done);
+                      }),
+                  SizedBox(height: 19.v),
+                  Text("password".tr, style: theme.textTheme.bodyLarge),
+                  SizedBox(height: 5.v),
+                  BlocSelector<CredentialsBloc, CredentialsState,
+                          TextEditingController?>(
+                      selector: (state) => state.valueController2,
+                      builder: (context, valueController2) {
+                        return CustomTextFormField(
+                          obscureText: true,
+                          controller: valueController2,
+                        );
+                      }),
+                  SizedBox(height: 21.v),
+                  Text("password_confirmation".tr,
+                      style: theme.textTheme.bodyLarge),
+                  SizedBox(height: 3.v),
+                  BlocSelector<CredentialsBloc, CredentialsState,
+                          TextEditingController?>(
+                      selector: (state) => state.valueController,
+                      builder: (context, valueController3) {
+                        return CustomTextFormField(
+                            obscureText: true,
+                            controller: valueController3,
+                            textInputAction: TextInputAction.done);
+                      }),
+                  Spacer(),
+                  CustomOutlinedButton(
+                      text: "continue".tr.toUpperCase(),
+                      buttonStyle: CustomButtonStyles.outlinePrimaryTL15,
+                      onPressed: () {
+                        navigateToName(context);
+                      }),
+                  SizedBox(height: 17.v),
+                  Text("skip".tr, style: theme.textTheme.bodyLarge)
+                ]))));
+  }
+
+  /// Section Widget
+  PreferredSizeWidget _buildAppBar(BuildContext context) {
+    return CustomAppBar(
+        leadingWidth: 29.h,
+        leading: AppbarLeadingImage(
+            imagePath: ImageConstant.imgArrowLeft,
+            margin: EdgeInsets.only(left: 16.h, top: 15.v, bottom: 15.v),
+            onTap: () {
+              onTapArrowLeft(context);
+            }),
+        centerTitle: true,
+        title: AppbarTitleImage(imagePath: ImageConstant.imgLogoEatvio));
+  }
+
+  /// Navigates to the previous screen.
+  onTapArrowLeft(BuildContext context) {
+    NavigatorService.goBack();
+  }
+
+  /// Navigates to the weightScreen when the action is triggered.
+  navigateToName(BuildContext context) {
+    NavigatorService.pushNamed(
+      AppRoutes.nameScreen,
+    );
+  }
+}