Abdusalom999/Fondex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BASE: Fix Buttons Radiuses.

Browse Source
This commit is contained in:
Abdusalom G'ayratov
2025-11-29 10:49:25 +05:00
parent b2cb9b5dc5
commit d703dadafd
21 changed files with 1219 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
lib/screen_ui/auth_screens/forgot_password_screen.dart
View File

@@ -1,5 +1,6 @@
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import '../../controllers/forgot_password_controller.dart';
import '../../controllers/theme_controller.dart';
@@ -26,12 +27,34 @@ class ForgotPasswordScreen extends StatelessWidget {
actions: [
TextButton(
onPressed: () {},
style: TextButton.styleFrom(padding: const EdgeInsets.symmetric(horizontal: 12), minimumSize: const Size(0, 40), tapTargetSize: MaterialTapTargetSize.shrinkWrap),
style: TextButton.styleFrom(
padding: const EdgeInsets.symmetric(horizontal: 12),
minimumSize: const Size(0, 40),
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text("Skip".tr, style: AppThemeData.mediumTextStyle(color: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500)),
Padding(padding: const EdgeInsets.only(top: 2), child: Icon(Icons.arrow_forward_ios, size: 16, color: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500)),
Text(
"Skip".tr,
style: AppThemeData.mediumTextStyle(
color:
isDark
? AppThemeData.greyDark500
: AppThemeData.grey500,
),
),
Padding(
padding: const EdgeInsets.only(top: 2),
child: Icon(
Icons.arrow_forward_ios,
size: 16,
color:
isDark
? AppThemeData.greyDark500
: AppThemeData.grey500,
),
),
],
),
),
@@ -49,17 +72,35 @@ class ForgotPasswordScreen extends StatelessWidget {
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Enter your registered email to receive a reset link.".tr,
style: AppThemeData.boldTextStyle(fontSize: 24, color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900),
"Enter your registered email to receive a reset link."
.tr,
style: AppThemeData.boldTextStyle(
fontSize: 24,
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
),
),
const SizedBox(height: 24),
TextFieldWidget(title: "Email Address*".tr, hintText: "jerome014@gmail.com", controller: controller.emailEditingController.value),
TextFieldWidget(
title: "Email Address*".tr,
hintText: "jerome014@gmail.com",
controller: controller.emailEditingController.value,
),
const SizedBox(height: 30),
RoundedButtonFill(
borderRadius: 10.r,
title: "Send Link".tr,
onPress: controller.forgotPassword,
color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900,
textColor: isDark ? AppThemeData.surfaceDark : AppThemeData.surface,
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
textColor:
isDark
? AppThemeData.surfaceDark
: AppThemeData.surface,
),
],
),
@@ -71,11 +112,20 @@ class ForgotPasswordScreen extends StatelessWidget {
child: Text.rich(
TextSpan(
text: "Remember Password?".tr,
style: AppThemeData.mediumTextStyle(color: isDark ? AppThemeData.greyDark800 : AppThemeData.grey800),
style: AppThemeData.mediumTextStyle(
color:
isDark
? AppThemeData.greyDark800
: AppThemeData.grey800,
),
children: [
TextSpan(
text: "Log in".tr,
style: AppThemeData.mediumTextStyle(color: AppThemeData.ecommerce300, decoration: TextDecoration.underline, decorationColor: AppThemeData.ecommerce300),
style: AppThemeData.mediumTextStyle(
color: AppThemeData.ecommerce300,
decoration: TextDecoration.underline,
decorationColor: AppThemeData.ecommerce300,
),
recognizer:
TapGestureRecognizer()
..onTap = () {

176
lib/screen_ui/auth_screens/login_screen.dart
View File

@@ -4,6 +4,7 @@ import 'package:customer/screen_ui/auth_screens/sign_up_screen.dart';
import 'package:customer/screen_ui/location_enable_screens/location_permission_screen.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_svg/svg.dart';
import '../../controllers/login_controller.dart';
import '../../controllers/theme_controller.dart';
@@ -34,8 +35,23 @@ class LoginScreen extends StatelessWidget {
},
child: Row(
children: [
Text("Skip".tr, style: AppThemeData.mediumTextStyle(color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900)),
Icon(Icons.arrow_forward_ios, size: 16, color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900),
Text(
"Skip".tr,
style: AppThemeData.mediumTextStyle(
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
),
),
Icon(
Icons.arrow_forward_ios,
size: 16,
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
),
],
),
),
@@ -54,11 +70,23 @@ class LoginScreen extends StatelessWidget {
children: [
const SizedBox(height: 20),
Text(
"Log in to explore your all in one vendor app favourites and shop effortlessly.".tr,
style: AppThemeData.boldTextStyle(fontSize: 24, color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900),
"Log in to explore your all in one vendor app favourites and shop effortlessly."
.tr,
style: AppThemeData.boldTextStyle(
fontSize: 24,
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
),
),
const SizedBox(height: 24),
TextFieldWidget(title: "Email Address*".tr, hintText: "jerome014@gmail.com", controller: controller.emailController.value, focusNode: controller.emailFocusNode),
TextFieldWidget(
title: "Email Address*".tr,
hintText: "jerome014@gmail.com",
controller: controller.emailController.value,
focusNode: controller.emailFocusNode,
),
const SizedBox(height: 15),
TextFieldWidget(
title: "Password*".tr,
@@ -70,60 +98,137 @@ class LoginScreen extends StatelessWidget {
padding: const EdgeInsets.all(12),
child: InkWell(
onTap: () {
controller.passwordVisible.value = !controller.passwordVisible.value;
controller.passwordVisible.value =
!controller.passwordVisible.value;
},
child:
controller.passwordVisible.value
? SvgPicture.asset("assets/icons/ic_password_show.svg", colorFilter: ColorFilter.mode(isDark ? AppThemeData.grey300 : AppThemeData.grey600, BlendMode.srcIn))
: SvgPicture.asset("assets/icons/ic_password_close.svg", colorFilter: ColorFilter.mode(isDark ? AppThemeData.grey300 : AppThemeData.grey600, BlendMode.srcIn)),
? SvgPicture.asset(
"assets/icons/ic_password_show.svg",
colorFilter: ColorFilter.mode(
isDark
? AppThemeData.grey300
: AppThemeData.grey600,
BlendMode.srcIn,
),
)
: SvgPicture.asset(
"assets/icons/ic_password_close.svg",
colorFilter: ColorFilter.mode(
isDark
? AppThemeData.grey300
: AppThemeData.grey600,
BlendMode.srcIn,
),
),
),
),
),
Align(
alignment: Alignment.centerRight,
child: TextButton(
onPressed: () => Get.to(() => const ForgotPasswordScreen()),
child: Text("Forgot Password".tr, style: AppThemeData.semiBoldTextStyle(color: AppThemeData.info400)),
onPressed:
() => Get.to(
() => const ForgotPasswordScreen(),
),
child: Text(
"Forgot Password".tr,
style: AppThemeData.semiBoldTextStyle(
color: AppThemeData.info400,
),
),
),
),
const SizedBox(height: 20),
RoundedButtonFill(
borderRadius: 10.r,
title: "Log in".tr,
onPress: controller.loginWithEmail,
color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900,
textColor: isDark ? AppThemeData.surfaceDark : AppThemeData.surface,
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
textColor:
isDark
? AppThemeData.surfaceDark
: AppThemeData.surface,
),
const SizedBox(height: 25),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(width: 52, height: 1, color: isDark ? AppThemeData.greyDark400 : AppThemeData.grey300),
Container(
width: 52,
height: 1,
color:
isDark
? AppThemeData.greyDark400
: AppThemeData.grey300,
),
const SizedBox(width: 15),
Text("or continue with".tr, style: AppThemeData.regularTextStyle(color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900.withOpacity(0.6))),
Text(
"or continue with".tr,
style: AppThemeData.regularTextStyle(
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900.withValues(
alpha: 0.6,
),
),
),
const SizedBox(width: 15),
Container(width: 52, height: 1, color: isDark ? AppThemeData.greyDark400 : AppThemeData.grey300),
Container(
width: 52,
height: 1,
color:
isDark
? AppThemeData.greyDark400
: AppThemeData.grey300,
),
],
),
const SizedBox(height: 25),
RoundedButtonFill(
borderRadius: 10.r,
title: "Mobile number".tr,
onPress: () => Get.to(() => const MobileLoginScreen()),
onPress:
() => Get.to(() => const MobileLoginScreen()),
isRight: false,
isCenter: true,
icon: Icon(Icons.mobile_friendly_outlined, size: 20, color: isDark ? AppThemeData.greyDark900 : null),
icon: Icon(
Icons.mobile_friendly_outlined,
size: 20,
color: isDark ? AppThemeData.greyDark900 : null,
),
//Image.asset(AppAssets.icMessage, width: 20, height: 18, color: isDark ? AppThemeData.greyDark900 : null),
color: isDark ? AppThemeData.greyDark400 : AppThemeData.grey300,
textColor: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900,
color:
isDark
? AppThemeData.greyDark400
: AppThemeData.grey300,
textColor:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
),
const SizedBox(height: 12),
Row(
children: [
Expanded(
child: RoundedButtonFill(
borderRadius: 10.r,
title: "with Google".tr,
textColor: isDark ? AppThemeData.grey100 : AppThemeData.grey900,
color: isDark ? AppThemeData.grey900 : AppThemeData.grey100,
icon: SvgPicture.asset("assets/icons/ic_google.svg"),
textColor:
isDark
? AppThemeData.grey100
: AppThemeData.grey900,
color:
isDark
? AppThemeData.grey900
: AppThemeData.grey100,
icon: SvgPicture.asset(
"assets/icons/ic_google.svg",
),
isRight: false,
isCenter: true,
onPress: () async {
@@ -135,11 +240,20 @@ class LoginScreen extends StatelessWidget {
Platform.isIOS
? Expanded(
child: RoundedButtonFill(
borderRadius: 10.r,
title: "with Apple".tr,
isCenter: true,
textColor: isDark ? AppThemeData.grey100 : AppThemeData.grey900,
color: isDark ? AppThemeData.grey900 : AppThemeData.grey100,
icon: SvgPicture.asset("assets/icons/ic_apple.svg"),
textColor:
isDark
? AppThemeData.grey100
: AppThemeData.grey900,
color:
isDark
? AppThemeData.grey900
: AppThemeData.grey100,
icon: SvgPicture.asset(
"assets/icons/ic_apple.svg",
),
isRight: false,
onPress: () async {
controller.loginWithApple();
@@ -159,11 +273,19 @@ class LoginScreen extends StatelessWidget {
child: Text.rich(
TextSpan(
text: "Didn't have an account?".tr,
style: AppThemeData.mediumTextStyle(color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900),
style: AppThemeData.mediumTextStyle(
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
),
children: [
TextSpan(
text: "Sign up".tr,
style: AppThemeData.mediumTextStyle(color: AppThemeData.ecommerce300, decoration: TextDecoration.underline),
style: AppThemeData.mediumTextStyle(
color: AppThemeData.ecommerce300,
decoration: TextDecoration.underline,
),
recognizer:
TapGestureRecognizer()
..onTap = () {

176
lib/screen_ui/auth_screens/mobile_login_screen.dart
View File

@@ -4,6 +4,7 @@ import 'package:customer/screen_ui/location_enable_screens/location_permission_s
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import '../../constant/assets.dart';
import '../../constant/constant.dart';
@@ -29,7 +30,11 @@ class MobileLoginScreen extends StatelessWidget {
elevation: 0,
automaticallyImplyLeading: false,
leading: IconButton(
icon: Icon(Icons.arrow_back, size: 20, color: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500),
icon: Icon(
Icons.arrow_back,
size: 20,
color: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500,
),
onPressed: () {
Get.back();
},
@@ -39,12 +44,34 @@ class MobileLoginScreen extends StatelessWidget {
onPressed: () {
Get.to(() => LocationPermissionScreen());
},
style: TextButton.styleFrom(padding: const EdgeInsets.symmetric(horizontal: 12), minimumSize: const Size(0, 40), tapTargetSize: MaterialTapTargetSize.shrinkWrap),
style: TextButton.styleFrom(
padding: const EdgeInsets.symmetric(horizontal: 12),
minimumSize: const Size(0, 40),
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text("Skip".tr, style: AppThemeData.mediumTextStyle(color: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500)),
Padding(padding: const EdgeInsets.only(top: 2, left: 4), child: Icon(Icons.arrow_forward_ios, size: 16, color: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500)),
Text(
"Skip".tr,
style: AppThemeData.mediumTextStyle(
color:
isDark
? AppThemeData.greyDark500
: AppThemeData.grey500,
),
),
Padding(
padding: const EdgeInsets.only(top: 2, left: 4),
child: Icon(
Icons.arrow_forward_ios,
size: 16,
color:
isDark
? AppThemeData.greyDark500
: AppThemeData.grey500,
),
),
],
),
),
@@ -62,67 +89,163 @@ class MobileLoginScreen extends StatelessWidget {
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Use your mobile number to Log in easily and securely.".tr,
style: AppThemeData.boldTextStyle(fontSize: 24, color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900),
"Use your mobile number to Log in easily and securely."
.tr,
style: AppThemeData.boldTextStyle(
fontSize: 24,
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
),
),
const SizedBox(height: 25),
TextFieldWidget(
title: "Mobile Number*".tr,
hintText: "Enter Mobile number".tr,
controller: controller.mobileController.value,
textInputType: const TextInputType.numberWithOptions(signed: true, decimal: true),
textInputType:
const TextInputType.numberWithOptions(
signed: true,
decimal: true,
),
textInputAction: TextInputAction.done,
inputFormatters: [FilteringTextInputFormatter.allow(RegExp('[0-9]')), LengthLimitingTextInputFormatter(10)],
inputFormatters: [
FilteringTextInputFormatter.allow(
RegExp('[0-9]'),
),
LengthLimitingTextInputFormatter(10),
],
prefix: Row(
mainAxisSize: MainAxisSize.min,
children: [
CountryCodePicker(
onChanged: (value) {
controller.countryCodeController.value.text = value.dialCode ?? Constant.defaultCountryCode;
controller
.countryCodeController
.value
.text = value.dialCode ??
Constant.defaultCountryCode;
},
initialSelection: controller.countryCodeController.value.text.isNotEmpty ? controller.countryCodeController.value.text : Constant.defaultCountryCode,
initialSelection:
controller
.countryCodeController
.value
.text
.isNotEmpty
? controller
.countryCodeController
.value
.text
: Constant.defaultCountryCode,
showCountryOnly: false,
showOnlyCountryWhenClosed: false,
alignLeft: false,
textStyle: TextStyle(fontSize: 16, color: isDark ? AppThemeData.greyDark900 : Colors.black),
dialogTextStyle: TextStyle(fontSize: 16, color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900),
searchStyle: TextStyle(fontSize: 16, color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900),
dialogBackgroundColor: isDark ? AppThemeData.surfaceDark : AppThemeData.surface,
textStyle: TextStyle(
fontSize: 16,
color:
isDark
? AppThemeData.greyDark900
: Colors.black,
),
dialogTextStyle: TextStyle(
fontSize: 16,
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
),
searchStyle: TextStyle(
fontSize: 16,
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
),
dialogBackgroundColor:
isDark
? AppThemeData.surfaceDark
: AppThemeData.surface,
padding: EdgeInsets.zero,
),
// const Icon(Icons.keyboard_arrow_down_rounded, size: 24, color: AppThemeData.grey400),
Container(height: 24, width: 1, color: AppThemeData.grey400),
Container(
height: 24,
width: 1,
color: AppThemeData.grey400,
),
const SizedBox(width: 4),
],
),
),
const SizedBox(height: 30),
RoundedButtonFill(
borderRadius: 10.r,
title: "Send Code".tr,
onPress: controller.sendOtp,
color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900,
textColor: isDark ? AppThemeData.surfaceDark : Colors.white,
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
textColor:
isDark
? AppThemeData.surfaceDark
: Colors.white,
),
const SizedBox(height: 25),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(width: 52, height: 1, color: isDark ? AppThemeData.greyDark300 : AppThemeData.grey300),
Container(
width: 52,
height: 1,
color:
isDark
? AppThemeData.greyDark300
: AppThemeData.grey300,
),
const SizedBox(width: 15),
Text("or continue with".tr, style: AppThemeData.regularTextStyle(color: isDark ? AppThemeData.greyDark400 : AppThemeData.grey400)),
Text(
"or continue with".tr,
style: AppThemeData.regularTextStyle(
color:
isDark
? AppThemeData.greyDark400
: AppThemeData.grey400,
),
),
const SizedBox(width: 15),
Container(width: 52, height: 1, color: isDark ? AppThemeData.greyDark400 : AppThemeData.grey400),
Container(
width: 52,
height: 1,
color:
isDark
? AppThemeData.greyDark400
: AppThemeData.grey400,
),
],
),
const SizedBox(height: 25),
RoundedButtonFill(
borderRadius: 10.r,
title: "Email address".tr,
onPress: () => Get.to(() => const SignUpScreen()),
isRight: false,
isCenter: true,
icon: Image.asset(AppAssets.icMessage, width: 20, height: 18, color: isDark ? AppThemeData.greyDark900 : null),
color: isDark ? AppThemeData.greyDark200 : AppThemeData.grey200,
textColor: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900,
icon: Image.asset(
AppAssets.icMessage,
width: 20,
height: 18,
color: isDark ? AppThemeData.greyDark900 : null,
),
color:
isDark
? AppThemeData.greyDark200
: AppThemeData.grey200,
textColor:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
),
],
),
@@ -134,7 +257,12 @@ class MobileLoginScreen extends StatelessWidget {
child: Text.rich(
TextSpan(
text: "Didn't have an account?".tr,
style: AppThemeData.mediumTextStyle(color: isDark ? AppThemeData.greyDark800 : AppThemeData.grey800),
style: AppThemeData.mediumTextStyle(
color:
isDark
? AppThemeData.greyDark800
: AppThemeData.grey800,
),
children: [
TextSpan(
text: "Sign up".tr,

117
lib/screen_ui/auth_screens/otp_verification_screen.dart
View File

@@ -1,6 +1,7 @@
import 'package:customer/screen_ui/auth_screens/sign_up_screen.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:pin_code_fields/pin_code_fields.dart';
import '../../constant/assets.dart';
@@ -25,7 +26,11 @@ class OtpVerificationScreen extends StatelessWidget {
elevation: 0,
automaticallyImplyLeading: false,
leading: IconButton(
icon: Icon(Icons.arrow_back, size: 20, color: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500),
icon: Icon(
Icons.arrow_back,
size: 20,
color: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500,
),
onPressed: () {
Get.back();
},
@@ -35,14 +40,33 @@ class OtpVerificationScreen extends StatelessWidget {
onPressed: () {
// Handle skip action
},
style: TextButton.styleFrom(padding: const EdgeInsets.symmetric(horizontal: 12), minimumSize: const Size(0, 40), tapTargetSize: MaterialTapTargetSize.shrinkWrap),
style: TextButton.styleFrom(
padding: const EdgeInsets.symmetric(horizontal: 12),
minimumSize: const Size(0, 40),
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text("Skip".tr, style: AppThemeData.mediumTextStyle(color: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500)),
Text(
"Skip".tr,
style: AppThemeData.mediumTextStyle(
color:
isDark
? AppThemeData.greyDark500
: AppThemeData.grey500,
),
),
Padding(
padding: const EdgeInsets.only(top: 2, left: 4),
child: Icon(Icons.arrow_forward_ios, size: 16, color: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500),
child: Icon(
Icons.arrow_forward_ios,
size: 16,
color:
isDark
? AppThemeData.greyDark500
: AppThemeData.grey500,
),
),
],
),
@@ -62,7 +86,13 @@ class OtpVerificationScreen extends StatelessWidget {
children: [
Text(
"${"Enter the OTP sent to your mobile".tr} ${controller.countryCode} ${controller.maskPhoneNumber(controller.phoneNumber.value)}",
style: AppThemeData.boldTextStyle(fontSize: 24, color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900),
style: AppThemeData.boldTextStyle(
fontSize: 24,
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
),
),
const SizedBox(height: 30),
@@ -73,20 +103,41 @@ class OtpVerificationScreen extends StatelessWidget {
length: 6,
controller: controller.otpController.value,
keyboardType: TextInputType.number,
cursorColor: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500,
cursorColor:
isDark
? AppThemeData.greyDark500
: AppThemeData.grey500,
enablePinAutofill: true,
hintCharacter: "-",
textStyle: AppThemeData.semiBoldTextStyle(fontSize: 18, color: isDark ? AppThemeData.greyDark800 : AppThemeData.grey800),
textStyle: AppThemeData.semiBoldTextStyle(
fontSize: 18,
color:
isDark
? AppThemeData.greyDark800
: AppThemeData.grey800,
),
pinTheme: PinTheme(
shape: PinCodeFieldShape.box,
borderRadius: BorderRadius.circular(12),
fieldHeight: 54,
fieldWidth: 51,
inactiveColor: isDark ? AppThemeData.greyDark200 : AppThemeData.grey200,
inactiveColor:
isDark
? AppThemeData.greyDark200
: AppThemeData.grey200,
inactiveFillColor: Colors.transparent,
selectedColor: isDark ? AppThemeData.greyDark400 : AppThemeData.grey400,
selectedFillColor: isDark ? AppThemeData.surfaceDark : AppThemeData.grey50,
activeColor: isDark ? AppThemeData.greyDark200 : AppThemeData.grey200,
selectedColor:
isDark
? AppThemeData.greyDark400
: AppThemeData.grey400,
selectedFillColor:
isDark
? AppThemeData.surfaceDark
: AppThemeData.grey50,
activeColor:
isDark
? AppThemeData.greyDark200
: AppThemeData.grey200,
activeFillColor: Colors.transparent,
errorBorderColor: AppThemeData.danger300,
disabledColor: Colors.transparent,
@@ -101,13 +152,23 @@ class OtpVerificationScreen extends StatelessWidget {
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image.asset(AppAssets.icArrowsClockwise, height: 20, width: 20),
Image.asset(
AppAssets.icArrowsClockwise,
height: 20,
width: 20,
),
TextButton(
onPressed: () {
controller.otpController.value.clear();
controller.sendOTP();
},
child: Text("Resend OTP".tr, style: AppThemeData.semiBoldTextStyle(color: AppThemeData.info400, fontSize: 16)),
child: Text(
"Resend OTP".tr,
style: AppThemeData.semiBoldTextStyle(
color: AppThemeData.info400,
fontSize: 16,
),
),
),
],
),
@@ -116,10 +177,17 @@ class OtpVerificationScreen extends StatelessWidget {
/// Verify Button
RoundedButtonFill(
borderRadius: 10.r,
title: "Verify".tr,
onPress: controller.verifyOtp,
color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900,
textColor: isDark ? AppThemeData.surfaceDark : Colors.white,
color:
isDark
? AppThemeData.greyDark900
: AppThemeData.grey900,
textColor:
isDark
? AppThemeData.surfaceDark
: Colors.white,
),
],
),
@@ -131,12 +199,25 @@ class OtpVerificationScreen extends StatelessWidget {
child: Text.rich(
TextSpan(
text: "Didn't have an account?".tr,
style: AppThemeData.mediumTextStyle(color: isDark ? AppThemeData.greyDark800 : AppThemeData.grey800),
style: AppThemeData.mediumTextStyle(
color:
isDark
? AppThemeData.greyDark800
: AppThemeData.grey800,
),
children: [
TextSpan(
text: "Sign up".tr,
style: AppThemeData.mediumTextStyle(color: AppThemeData.ecommerce300, decoration: TextDecoration.underline),
recognizer: TapGestureRecognizer()..onTap = () => Get.offAll(() => const SignUpScreen()),
style: AppThemeData.mediumTextStyle(
color: AppThemeData.ecommerce300,
decoration: TextDecoration.underline,
),
recognizer:
TapGestureRecognizer()
..onTap =
() => Get.offAll(
() => const SignUpScreen(),
),
),
],
),

3
lib/screen_ui/auth_screens/sign_up_screen.dart
View File

@@ -3,6 +3,7 @@ import 'package:customer/screen_ui/location_enable_screens/location_permission_s
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_svg/svg.dart';
import '../../constant/constant.dart';
import '../../controllers/sign_up_controller.dart';
@@ -163,6 +164,7 @@ class SignUpScreen extends StatelessWidget {
TextFieldWidget(title: "Referral Code".tr, hintText: "Enter referral code".tr, controller: controller.referralController.value),
const SizedBox(height: 40),
RoundedButtonFill(
borderRadius: 10.r,
title: "Sign up".tr,
onPress: () => controller.signUp(),
color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900,
@@ -181,6 +183,7 @@ class SignUpScreen extends StatelessWidget {
),
const SizedBox(height: 25),
RoundedButtonFill(
borderRadius: 10.r,
title: "Mobile number".tr,
onPress: () => Get.to(() => const MobileLoginScreen()),
isRight: false,