Created a new Profile section, added new styles, made some layouts for user profile screen

2023-12-28 15:10:32 +03:00
parent d2e1bc087e
commit c4b0061f6d
98 changed files with 1471 additions and 35 deletions
--- a/lib/presentation/registration/allergies_screen/allergies_screen.dart
+++ b/lib/presentation/registration/allergies_screen/allergies_screen.dart
@@ -0,0 +1,136 @@
+import 'bloc/allergies_bloc.dart';
+import 'models/allergies_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/next_step_button.dart';
+import 'package:eatvio_app/data/models/userRegistrationModel/user_registration_model.dart';
+import 'package:eatvio_app/widgets/custom_text_form_field.dart';
+import 'package:flutter/material.dart';
+
+class AllergiesScreen extends StatefulWidget {
+  const AllergiesScreen({Key? key}) : super(key: key);
+
+  static Widget builder(BuildContext context) {
+    final sheet =
+        ModalRoute.of(context)!.settings.arguments as UserRegistrationSheet;
+    return BlocProvider<AllergiesBloc>(
+        create: (context) => AllergiesBloc(AllergiesState(
+            allergiesModelObj: AllergiesModel(userRegistrationSheet: sheet)))
+          ..add(AllergiesInitialEvent()),
+        child: AllergiesScreen());
+  }
+
+  @override
+  State<AllergiesScreen> createState() => _AllergiesScreenState();
+}
+
+class _AllergiesScreenState extends State<AllergiesScreen> {
+  @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.76,
+                              backgroundColor: theme.colorScheme.onPrimary,
+                              valueColor: AlwaysStoppedAnimation<Color>(
+                                  appTheme.blueA400)))),
+                  SizedBox(height: 22.v),
+                  Text("allergies_presence".tr,
+                      style: theme.textTheme.headlineSmall),
+                  Spacer(flex: 36),
+                  _buildTextFormField(context),
+                  Spacer(flex: 54),
+                  BlocBuilder<AllergiesBloc, AllergiesState>(
+                      builder: (context, state) {
+                    return NextStepButton(
+                        text: "continue".tr.toUpperCase(),
+                        margin: EdgeInsets.only(
+                            left: 16.h, right: 16.h, bottom: 50.v),
+                        buttonStyle: CustomButtonStyles.outlinePrimaryTL15,
+                        onPressed: () {
+                          UserRegistrationSheet sheet =
+                              state.allergiesModelObj!.userRegistrationSheet;
+                          sheet.aboutAllergy =
+                              state.enterInformationController!.text;
+                          Navigator.pushNamed(
+                            context,
+                            AppRoutes.medicineIntakeScreen,
+                            arguments: sheet,
+                          );
+                        });
+                  }),
+                  BlocBuilder<AllergiesBloc, AllergiesState>(
+                      builder: (context, state) {
+                    return GestureDetector(
+                      onTap: () {
+                        UserRegistrationSheet sheet =
+                            state.allergiesModelObj!.userRegistrationSheet;
+                        Navigator.pushNamed(
+                          context,
+                          AppRoutes.medicineIntakeScreen,
+                          arguments: sheet,
+                        );
+                      },
+                      child: Text("skip".tr, style: theme.textTheme.bodyLarge),
+                    );
+                  }),
+                ]))));
+  }
+
+  /// Section Widget
+  PreferredSizeWidget _buildAppBar(BuildContext context) {
+    return CustomAppBar(
+        leadingWidth: 31.h,
+        leading: AppbarLeadingImage(
+            imagePath: ImageConstant.imgArrowLeft,
+            margin: EdgeInsets.only(left: 18.h, top: 15.v, bottom: 15.v),
+            onTap: () {
+              onTapArrowLeft(context);
+            }),
+        centerTitle: true,
+        title: AppbarTitleImage(imagePath: ImageConstant.imgLogoEatvio));
+  }
+
+  /// Section Widget
+  Widget _buildTextFormField(BuildContext context) {
+    return Column(children: [
+      Text("fill_in_information".tr,
+          style: CustomTextStyles.titleMediumSegoeUI),
+      SizedBox(height: 2.v),
+      BlocSelector<AllergiesBloc, AllergiesState, TextEditingController?>(
+          selector: (state) => state.enterInformationController,
+          builder: (context, enterInformationController) {
+            return CustomTextFormField(
+                controller: enterInformationController,
+                hintText: "enter_information".tr,
+                textInputAction: TextInputAction.done,
+                maxLines: 8);
+          })
+    ]);
+  }
+
+  /// Navigates to the previous screen.
+  onTapArrowLeft(BuildContext context) {
+    NavigatorService.goBack();
+  }
+}