Added new screens (credentials and name)

lib/presentation/name_screen/bloc/name_bloc.dart

@@ -0,0 +1,23 @@
+import 'package:equatable/equatable.dart';
+import 'package:flutter/material.dart';
+import '/core/app_export.dart';
+import 'package:eatvio_app/presentation/name_screen/models/name_model.dart';
+part 'name_event.dart';
+part 'name_state.dart';
+
+/// A bloc that manages the state of a Name according to the event that is dispatched to it.
+class NameBloc extends Bloc<NameEvent, NameState> {
+  NameBloc(NameState initialState) : super(initialState) {
+    on<NameInitialEvent>(_onInitialize);
+  }
+
+  _onInitialize(
+    NameInitialEvent event,
+    Emitter<NameState> emit,
+  ) async {
+    emit(state.copyWith(
+        valueController: TextEditingController(),
+        valueController1: TextEditingController(),
+        valueController2: TextEditingController()));
+  }
+}

lib/presentation/name_screen/bloc/name_event.dart

@@ -0,0 +1,16 @@
+// ignore_for_file: must_be_immutable
+
+part of 'name_bloc.dart';
+
+/// Abstract class for all events that can be dispatched from the
+///Name widget.
+///
+/// Events must be immutable and implement the [Equatable] interface.
+@immutable
+abstract class NameEvent extends Equatable {}
+
+/// Event that is dispatched when the Name widget is first created.
+class NameInitialEvent extends NameEvent {
+  @override
+  List<Object?> get props => [];
+}

lib/presentation/name_screen/bloc/name_state.dart

@@ -0,0 +1,42 @@
+// ignore_for_file: must_be_immutable
+
+part of 'name_bloc.dart';
+
+/// Represents the state of Name in the application.
+class NameState extends Equatable {
+  NameState({
+    this.valueController,
+    this.valueController1,
+    this.valueController2,
+    this.nameModelObj,
+  });
+
+  TextEditingController? valueController;
+
+  TextEditingController? valueController1;
+
+  TextEditingController? valueController2;
+
+  NameModel? nameModelObj;
+
+  @override
+  List<Object?> get props => [
+        valueController,
+        valueController1,
+        valueController2,
+        nameModelObj,
+      ];
+  NameState copyWith({
+    TextEditingController? valueController,
+    TextEditingController? valueController1,
+    TextEditingController? valueController2,
+    NameModel? nameModelObj,
+  }) {
+    return NameState(
+      valueController: valueController ?? this.valueController,
+      valueController1: valueController1 ?? this.valueController1,
+      valueController2: valueController2 ?? this.valueController2,
+      nameModelObj: nameModelObj ?? this.nameModelObj,
+    );
+  }
+}

lib/presentation/name_screen/models/name_model.dart

@@ -0,0 +1,16 @@
+// ignore_for_file: must_be_immutable
+
+import 'package:equatable/equatable.dart';
+
+/// This class defines the variables used in the [name_screen],
+/// and is typically used to hold data that is passed between different parts of the application.
+class NameModel extends Equatable {
+  NameModel() {}
+
+  NameModel copyWith() {
+    return NameModel();
+  }
+
+  @override
+  List<Object?> get props => [];
+}

lib/presentation/name_screen/name_screen.dart

@@ -0,0 +1,114 @@
+import 'bloc/name_bloc.dart';
+import 'models/name_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 NameScreen extends StatefulWidget {
+  const NameScreen({Key? key}) : super(key: key);
+
+  static Widget builder(BuildContext context) {
+    return BlocProvider<NameBloc>(
+        create: (context) => NameBloc(NameState(nameModelObj: NameModel()))
+          ..add(NameInitialEvent()),
+        child: NameScreen());
+  }
+
+  @override
+  State<NameScreen> createState() => _NameScreenState();
+}
+
+class _NameScreenState extends State<NameScreen> {
+  @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.1,
+                              backgroundColor: theme.colorScheme.onPrimary,
+                              valueColor: AlwaysStoppedAnimation<Color>(
+                                  appTheme.blueA400)))),
+                  SizedBox(height: 39.v),
+                  Text("what_is_your_name".tr,
+                      style: theme.textTheme.headlineSmall),
+                  SizedBox(height: 93.v),
+                  Text("first_name".tr, style: theme.textTheme.bodyLarge),
+                  SizedBox(height: 3.v),
+                  BlocSelector<NameBloc, NameState, TextEditingController?>(
+                      selector: (state) => state.valueController,
+                      builder: (context, valueController) {
+                        return CustomTextFormField(
+                            controller: valueController,
+                            textInputAction: TextInputAction.done);
+                      }),
+                  SizedBox(height: 19.v),
+                  Text("last_name".tr, style: theme.textTheme.bodyLarge),
+                  SizedBox(height: 5.v),
+                  BlocSelector<NameBloc, NameState, TextEditingController?>(
+                      selector: (state) => state.valueController1,
+                      builder: (context, valueController1) {
+                        return CustomTextFormField(
+                          controller: valueController1,
+                        );
+                      }),
+                  SizedBox(height: 21.v),
+                  Spacer(),
+                  CustomOutlinedButton(
+                      text: "continue".tr.toUpperCase(),
+                      buttonStyle: CustomButtonStyles.outlinePrimaryTL15,
+                      onPressed: () {
+                        navigateToGender(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.
+  navigateToGender(BuildContext context) {
+    NavigatorService.pushNamed(
+      AppRoutes.genderScreen,
+    );
+  }
+}