feat: login page ui done
This commit is contained in:
@@ -4,6 +4,8 @@ abstract class AppLocaleKeys {
|
||||
static const String browseSearchHistory = 'browse-search-history';
|
||||
static const String token = 'token';
|
||||
|
||||
static const String appName = "Felix Eats";
|
||||
|
||||
static const String fontBlack = "fontBlack";
|
||||
static const String fontBold = "fontBold";
|
||||
static const String fontSemiBold = "fontSemiBold";
|
||||
|
||||
@@ -171,6 +171,84 @@ abstract class AppLocalizations {
|
||||
/// In en, this message translates to:
|
||||
/// **'Get Started'**
|
||||
String get onboarding_button_get_started;
|
||||
|
||||
/// No description provided for @welcome_to_volt.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Welcome to {name}'**
|
||||
String welcome_to_volt(String name);
|
||||
|
||||
/// No description provided for @please_login.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Please login to your account'**
|
||||
String get please_login;
|
||||
|
||||
/// No description provided for @email_or_phone.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Phone Number'**
|
||||
String get email_or_phone;
|
||||
|
||||
/// No description provided for @enter_email_or_phone.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Enter your email or phone number'**
|
||||
String get enter_email_or_phone;
|
||||
|
||||
/// No description provided for @password.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Password'**
|
||||
String get password;
|
||||
|
||||
/// No description provided for @enter_password.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Enter your password'**
|
||||
String get enter_password;
|
||||
|
||||
/// No description provided for @forgot_password.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Forgot Password?'**
|
||||
String get forgot_password;
|
||||
|
||||
/// No description provided for @login.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Login'**
|
||||
String get login;
|
||||
|
||||
/// No description provided for @or_login_with.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Or login with'**
|
||||
String get or_login_with;
|
||||
|
||||
/// No description provided for @google.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Google'**
|
||||
String get google;
|
||||
|
||||
/// No description provided for @facebook.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Facebook'**
|
||||
String get facebook;
|
||||
|
||||
/// No description provided for @dont_have_account.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Don’t have an account?'**
|
||||
String get dont_have_account;
|
||||
|
||||
/// No description provided for @register.
|
||||
///
|
||||
/// In en, this message translates to:
|
||||
/// **'Register'**
|
||||
String get register;
|
||||
}
|
||||
|
||||
class _AppLocalizationsDelegate
|
||||
|
||||
@@ -49,4 +49,45 @@ class AppLocalizationsEn extends AppLocalizations {
|
||||
|
||||
@override
|
||||
String get onboarding_button_get_started => 'Get Started';
|
||||
|
||||
@override
|
||||
String welcome_to_volt(String name) {
|
||||
return 'Welcome to $name';
|
||||
}
|
||||
|
||||
@override
|
||||
String get please_login => 'Please login to your account';
|
||||
|
||||
@override
|
||||
String get email_or_phone => 'Phone Number';
|
||||
|
||||
@override
|
||||
String get enter_email_or_phone => 'Enter your email or phone number';
|
||||
|
||||
@override
|
||||
String get password => 'Password';
|
||||
|
||||
@override
|
||||
String get enter_password => 'Enter your password';
|
||||
|
||||
@override
|
||||
String get forgot_password => 'Forgot Password?';
|
||||
|
||||
@override
|
||||
String get login => 'Login';
|
||||
|
||||
@override
|
||||
String get or_login_with => 'Or login with';
|
||||
|
||||
@override
|
||||
String get google => 'Google';
|
||||
|
||||
@override
|
||||
String get facebook => 'Facebook';
|
||||
|
||||
@override
|
||||
String get dont_have_account => 'Don’t have an account?';
|
||||
|
||||
@override
|
||||
String get register => 'Register';
|
||||
}
|
||||
|
||||
@@ -47,4 +47,45 @@ class AppLocalizationsRu extends AppLocalizations {
|
||||
|
||||
@override
|
||||
String get onboarding_button_get_started => 'Начать';
|
||||
|
||||
@override
|
||||
String welcome_to_volt(String name) {
|
||||
return 'Добро пожаловать в $name';
|
||||
}
|
||||
|
||||
@override
|
||||
String get please_login => 'Пожалуйста, войдите в свой аккаунт';
|
||||
|
||||
@override
|
||||
String get email_or_phone => 'Номер телефона';
|
||||
|
||||
@override
|
||||
String get enter_email_or_phone => 'Введите свою почту или номер телефона';
|
||||
|
||||
@override
|
||||
String get password => 'Пароль';
|
||||
|
||||
@override
|
||||
String get enter_password => 'Введите свой пароль';
|
||||
|
||||
@override
|
||||
String get forgot_password => 'Забыли пароль?';
|
||||
|
||||
@override
|
||||
String get login => 'Войти';
|
||||
|
||||
@override
|
||||
String get or_login_with => 'Или войдите с помощью';
|
||||
|
||||
@override
|
||||
String get google => 'Google';
|
||||
|
||||
@override
|
||||
String get facebook => 'Facebook';
|
||||
|
||||
@override
|
||||
String get dont_have_account => 'У вас нет аккаунта?';
|
||||
|
||||
@override
|
||||
String get register => 'Зарегистрироваться';
|
||||
}
|
||||
|
||||
@@ -47,4 +47,45 @@ class AppLocalizationsUz extends AppLocalizations {
|
||||
|
||||
@override
|
||||
String get onboarding_button_get_started => 'Boshlash';
|
||||
|
||||
@override
|
||||
String welcome_to_volt(String name) {
|
||||
return '$name ilovasiga xush kelibsiz';
|
||||
}
|
||||
|
||||
@override
|
||||
String get please_login => 'Iltimos, akkauntingizga kiring';
|
||||
|
||||
@override
|
||||
String get email_or_phone => 'Telefon raqami';
|
||||
|
||||
@override
|
||||
String get enter_email_or_phone => 'Email yoki telefon raqamingizni kiriting';
|
||||
|
||||
@override
|
||||
String get password => 'Parol';
|
||||
|
||||
@override
|
||||
String get enter_password => 'Parolingizni kiriting';
|
||||
|
||||
@override
|
||||
String get forgot_password => 'Parolni unutdingizmi?';
|
||||
|
||||
@override
|
||||
String get login => 'Kirish';
|
||||
|
||||
@override
|
||||
String get or_login_with => 'Yoki quyidagi orqali kiring';
|
||||
|
||||
@override
|
||||
String get google => 'Google';
|
||||
|
||||
@override
|
||||
String get facebook => 'Facebook';
|
||||
|
||||
@override
|
||||
String get dont_have_account => 'Akkauntingiz yo‘qmi?';
|
||||
|
||||
@override
|
||||
String get register => 'Ro‘yxatdan o‘tish';
|
||||
}
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:food_delivery_client/feature/auth/presentation/login_page/login_page.dart';
|
||||
import 'package:food_delivery_client/feature/onboarding/presentation/pages/onboarding_page/onboarding_page.dart';
|
||||
import 'package:food_delivery_client/feature/onboarding/presentation/pages/splash_page/splash_page.dart';
|
||||
|
||||
@@ -20,6 +21,11 @@ class AppRoutes {
|
||||
path: Routes.onBoarding,
|
||||
pageBuilder: (context, state) => CupertinoPage(child: OnboardingPage()),
|
||||
),
|
||||
|
||||
GoRoute(
|
||||
path: Routes.login,
|
||||
pageBuilder: (context, state) => CupertinoPage(child: LoginPage()),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
@@ -50,7 +50,9 @@ abstract class AppColors {
|
||||
static const Color cFFAB40 = Color(0xFFFFAB40);
|
||||
static const Color cD6D4D4 = Color(0xFFD6D4D4);
|
||||
static const Color c1A202C = Color(0xFF1A202C);
|
||||
static const Color c524242 = Color(0xFF524242 );
|
||||
|
||||
static const Color c524242 = Color(0xFF524242);
|
||||
static const Color cE2E4EA = Color(0xFFE2E4EA);
|
||||
static const Color cA7AEC1 = Color(0xFFA7AEC1);
|
||||
static const Color c151B33 = Color(0xFF151B33);
|
||||
|
||||
}
|
||||
|
||||
@@ -4,15 +4,20 @@ abstract class AppIcons {
|
||||
static const String icOnBoarding1 = "$baseUrl/ic_onboarding1.svg";
|
||||
static const String icOnBoarding2 = "$baseUrl/ic_onboarding2.svg";
|
||||
static const String icOnBoarding3 = "$baseUrl/ic_onboarding3.svg";
|
||||
static const String icLogin = "$baseUrl/ic_login.svg";
|
||||
static const String icVisibility = "$baseUrl/ic_visibility.svg";
|
||||
static const String icVisibilityOff = "$baseUrl/ic_visibility_off.svg";
|
||||
|
||||
}
|
||||
|
||||
abstract class AppLightSvgs {
|
||||
static const String baseUrl = "assets/icons/light";
|
||||
|
||||
static const String icSplash = "$baseUrl/ic_splash.svg";
|
||||
static const String icArrowLeft = "$baseUrl/ic_arrow_left.svg";
|
||||
}
|
||||
|
||||
abstract class AppDarkSvgs {
|
||||
static const String baseUrl = "assets/icons/dark";
|
||||
static const String icSplash = "$baseUrl/ic_splash.svg";
|
||||
static const String icArrowLeft = "$baseUrl/ic_arrow_left.svg";
|
||||
}
|
||||
|
||||
@@ -4,35 +4,57 @@ import 'package:food_delivery_client/food_delivery_client.dart';
|
||||
class AppThemeColors extends ThemeExtension<AppThemeColors> {
|
||||
final Color onBoardingColor;
|
||||
final Color boxShadow;
|
||||
final Color iconColor;
|
||||
final Color buttonInactiveColor;
|
||||
final Color borderColor;
|
||||
|
||||
AppThemeColors({required this.onBoardingColor, required this.boxShadow});
|
||||
|
||||
AppThemeColors({
|
||||
required this.onBoardingColor,
|
||||
required this.boxShadow,
|
||||
required this.iconColor,
|
||||
required this.buttonInactiveColor,
|
||||
required this.borderColor
|
||||
});
|
||||
|
||||
static AppThemeColors light = AppThemeColors(
|
||||
onBoardingColor: AppColors.cFFFFFF,
|
||||
boxShadow: AppColors.cD6D4D4,
|
||||
onBoardingColor: AppColors.cFFFFFF,
|
||||
boxShadow: AppColors.cD6D4D4,
|
||||
buttonInactiveColor: AppColors.cE2E4EA,
|
||||
iconColor: AppColors.cFFFFFF,
|
||||
borderColor:AppColors.cE2E4EA
|
||||
|
||||
);
|
||||
|
||||
static AppThemeColors dark = AppThemeColors(
|
||||
onBoardingColor: AppColors.c131720,
|
||||
boxShadow: AppColors.c524242,
|
||||
onBoardingColor: AppColors.c131720,
|
||||
boxShadow: AppColors.c524242,
|
||||
buttonInactiveColor: AppColors.c292F3D,
|
||||
iconColor: AppColors.c131720,
|
||||
borderColor: AppColors.c292F3D
|
||||
);
|
||||
|
||||
@override
|
||||
ThemeExtension<AppThemeColors> copyWith({
|
||||
Color? onBoardingColor,
|
||||
Color? boxShadow,
|
||||
Color? iconColor,
|
||||
Color? buttonInactiveColor,
|
||||
Color? borderColor
|
||||
}) {
|
||||
return AppThemeColors(
|
||||
onBoardingColor: onBoardingColor ?? this.onBoardingColor,
|
||||
boxShadow: boxShadow ?? this.boxShadow,
|
||||
iconColor: iconColor ?? this.iconColor,
|
||||
buttonInactiveColor: buttonInactiveColor ?? this.buttonInactiveColor,
|
||||
borderColor: borderColor??this.borderColor
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
ThemeExtension<AppThemeColors> lerp(
|
||||
covariant ThemeExtension<AppThemeColors>? other,
|
||||
double t,
|
||||
) {
|
||||
covariant ThemeExtension<AppThemeColors>? other,
|
||||
double t,) {
|
||||
if (other is! AppThemeColors) return this;
|
||||
return t < 0.5 ? this : other;
|
||||
}
|
||||
|
||||
@@ -42,13 +42,17 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
|
||||
static AppThemeTextStyles light = AppThemeTextStyles(
|
||||
size14Regular: TextStyle(
|
||||
fontSize: 14,
|
||||
height: 1.6,
|
||||
fontWeight: FontWeight.w400,
|
||||
fontFamily: _fontRegular,
|
||||
color: AppColors.c151B33,
|
||||
),
|
||||
size16Medium: TextStyle(
|
||||
fontSize: 16,
|
||||
height: 1.3,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontFamily: _fontMedium,
|
||||
color: AppColors.c151B33,
|
||||
),
|
||||
size16SemiBold: TextStyle(
|
||||
fontSize: 16,
|
||||
@@ -70,8 +74,10 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
|
||||
),
|
||||
size24Bold: TextStyle(
|
||||
fontSize: 24,
|
||||
height: 1.3,
|
||||
fontWeight: FontWeight.w700,
|
||||
fontFamily: _fontBold,
|
||||
color: AppColors.c151B33,
|
||||
),
|
||||
size64Black: TextStyle(
|
||||
fontSize: 64,
|
||||
@@ -84,13 +90,17 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
|
||||
static AppThemeTextStyles dark = AppThemeTextStyles(
|
||||
size14Regular: TextStyle(
|
||||
fontSize: 14,
|
||||
height: 1.6,
|
||||
fontWeight: FontWeight.w400,
|
||||
fontFamily: _fontRegular,
|
||||
color: AppColors.cFFFFFF,
|
||||
),
|
||||
size16Medium: TextStyle(
|
||||
fontSize: 16,
|
||||
height: 1.3,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontFamily: _fontMedium,
|
||||
color: AppColors.cFFFFFF,
|
||||
),
|
||||
size16SemiBold: TextStyle(
|
||||
fontSize: 16,
|
||||
@@ -112,8 +122,10 @@ class AppThemeTextStyles extends ThemeExtension<AppThemeTextStyles> {
|
||||
),
|
||||
size24Bold: TextStyle(
|
||||
fontSize: 24,
|
||||
height: 1.3,
|
||||
fontWeight: FontWeight.w700,
|
||||
fontFamily: _fontBold,
|
||||
color: AppColors.cFFFFFF,
|
||||
),
|
||||
size64Black: TextStyle(
|
||||
fontSize: 64,
|
||||
|
||||
@@ -3,16 +3,29 @@ import 'package:food_delivery_client/core/core.dart';
|
||||
|
||||
class AppThemeIcons extends ThemeExtension<AppThemeIcons> {
|
||||
final String icSplash;
|
||||
final String icArrowLeft;
|
||||
|
||||
AppThemeIcons({required this.icSplash});
|
||||
AppThemeIcons({required this.icSplash, required this.icArrowLeft});
|
||||
|
||||
static AppThemeIcons light = AppThemeIcons(icSplash: AppLightSvgs.icSplash);
|
||||
static AppThemeIcons light = AppThemeIcons(
|
||||
icSplash: AppLightSvgs.icSplash,
|
||||
icArrowLeft: AppLightSvgs.icArrowLeft,
|
||||
);
|
||||
|
||||
static AppThemeIcons dark = AppThemeIcons(icSplash: AppDarkSvgs.icSplash);
|
||||
static AppThemeIcons dark = AppThemeIcons(
|
||||
icSplash: AppDarkSvgs.icSplash,
|
||||
icArrowLeft: AppDarkSvgs.icArrowLeft,
|
||||
);
|
||||
|
||||
@override
|
||||
ThemeExtension<AppThemeIcons> copyWith({String? icSplash}) {
|
||||
return AppThemeIcons(icSplash: icSplash ?? this.icSplash);
|
||||
ThemeExtension<AppThemeIcons> copyWith({
|
||||
String? icSplash,
|
||||
String? icArrowLeft,
|
||||
}) {
|
||||
return AppThemeIcons(
|
||||
icSplash: icSplash ?? this.icSplash,
|
||||
icArrowLeft: icArrowLeft ?? this.icArrowLeft,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
|
||||
@@ -1,6 +1,12 @@
|
||||
import '../../food_delivery_client.dart';
|
||||
|
||||
abstract class AppUtils {
|
||||
static const Gradient kGradient = LinearGradient(
|
||||
begin: AlignmentGeometry.bottomCenter,
|
||||
end: AlignmentGeometry.topCenter,
|
||||
colors: [AppColors.cFF6F00, AppColors.cFFAB40],
|
||||
);
|
||||
|
||||
static const SizedBox kSizedBox = SizedBox.shrink();
|
||||
|
||||
static const Radius kRadius = Radius.zero;
|
||||
|
||||
15
lib/feature/auth/presentation/login_page/login_page.dart
Normal file
15
lib/feature/auth/presentation/login_page/login_page.dart
Normal file
@@ -0,0 +1,15 @@
|
||||
import 'package:food_delivery_client/feature/auth/presentation/login_page/widgets/login_body.dart';
|
||||
import 'package:food_delivery_client/feature/common/presentation/widgets/w_back_button.dart';
|
||||
|
||||
import '../../../../food_delivery_client.dart';
|
||||
|
||||
class LoginPage extends StatelessWidget {
|
||||
const LoginPage({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return WLoginBody();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
155
lib/feature/auth/presentation/login_page/widgets/login_body.dart
Normal file
155
lib/feature/auth/presentation/login_page/widgets/login_body.dart
Normal file
@@ -0,0 +1,155 @@
|
||||
import 'package:food_delivery_client/feature/auth/presentation/login_page/widgets/welcome_text.dart';
|
||||
import 'package:food_delivery_client/feature/common/presentation/widgets/app_text_form_field.dart';
|
||||
|
||||
import '../../../../../food_delivery_client.dart';
|
||||
|
||||
class WLoginBody extends StatefulWidget {
|
||||
const WLoginBody({super.key});
|
||||
|
||||
@override
|
||||
State<WLoginBody> createState() => _WLoginBodyState();
|
||||
}
|
||||
|
||||
class _WLoginBodyState extends State<WLoginBody> {
|
||||
late TextEditingController _phoneNumberController;
|
||||
late TextEditingController _passwordController;
|
||||
final _formKey = GlobalKey<FormState>();
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
_phoneNumberController = TextEditingController();
|
||||
_passwordController = TextEditingController();
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_phoneNumberController.dispose();
|
||||
_passwordController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Form(
|
||||
key: _formKey,
|
||||
autovalidateMode: AutovalidateMode.onUserInteraction,
|
||||
child: WLayout(
|
||||
top: false,
|
||||
child: Scaffold(
|
||||
body: Stack(
|
||||
children: [
|
||||
SvgPicture.asset(AppIcons.icLogin),
|
||||
Positioned(
|
||||
child: Material(
|
||||
color: AppColors.cTransparent,
|
||||
child:
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
30.verticalSpace,
|
||||
WBackButton(),
|
||||
20.verticalSpace,
|
||||
WelcomeText(
|
||||
text: context.loc.welcome_to_volt(
|
||||
AppLocaleKeys.appName,
|
||||
),
|
||||
),
|
||||
8.verticalSpace,
|
||||
Text(
|
||||
context.loc.please_login,
|
||||
style: AppTextStyles.size14Regular.copyWith(
|
||||
color: AppColors.cA7AEC1,
|
||||
height: 1.6,
|
||||
),
|
||||
),
|
||||
54.verticalSpace,
|
||||
Text(
|
||||
context.loc.email_or_phone,
|
||||
style: context.appThemeTextStyles.size16Medium,
|
||||
),
|
||||
10.verticalSpace,
|
||||
AppTextFormField(
|
||||
controller: _phoneNumberController,
|
||||
hintText: context.loc.enter_email_or_phone,
|
||||
),
|
||||
20.verticalSpace,
|
||||
Text(
|
||||
context.loc.password,
|
||||
style: context.appThemeTextStyles.size16Medium,
|
||||
),
|
||||
10.verticalSpace,
|
||||
AppTextFormField(
|
||||
obscureText: true,
|
||||
controller: _passwordController,
|
||||
hintText: context.loc.enter_password,
|
||||
),
|
||||
10.verticalSpace,
|
||||
Align(
|
||||
alignment: AlignmentGeometry.centerRight,
|
||||
child: TextButton(
|
||||
onPressed: () {},
|
||||
child: Text(
|
||||
context.loc.forgot_password,
|
||||
style: AppTextStyles.size14Regular.copyWith(
|
||||
color: AppColors.cFF6F00,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
60.verticalSpace,
|
||||
AppButton(
|
||||
name: context.loc.login,
|
||||
onPressed: () {
|
||||
if (_formKey.currentState?.validate() ?? false) {}
|
||||
},
|
||||
),
|
||||
15.verticalSpace,
|
||||
Align(
|
||||
alignment: AlignmentGeometry.center,
|
||||
child: RichText(
|
||||
text: TextSpan(
|
||||
text: context.loc.dont_have_account,
|
||||
style: context.appThemeTextStyles.size14Regular,
|
||||
children: [
|
||||
WidgetSpan(
|
||||
baseline: TextBaseline.alphabetic,
|
||||
alignment: PlaceholderAlignment.baseline,
|
||||
|
||||
child: TextButton(
|
||||
onPressed: () {},
|
||||
style: ButtonStyle(
|
||||
shadowColor: WidgetStatePropertyAll(
|
||||
AppColors.cFF6F00.newWithOpacity(.2),
|
||||
),
|
||||
padding: WidgetStatePropertyAll(
|
||||
EdgeInsets.zero,
|
||||
),
|
||||
),
|
||||
child: Text(
|
||||
context.loc.register,
|
||||
style: AppTextStyles.size14Bold
|
||||
.copyWith(color: AppColors.cFF6F00),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
).paddingOnly(
|
||||
left: 24,
|
||||
right: 24,
|
||||
top: context.mq.viewPadding.top,
|
||||
bottom: context.mq.viewPadding.bottom,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
import '../../../../../food_delivery_client.dart';
|
||||
|
||||
class WelcomeText extends StatelessWidget {
|
||||
final String text;
|
||||
|
||||
const WelcomeText({Key? key, required this.text}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final voltIndex = text.toLowerCase().indexOf(
|
||||
AppLocaleKeys.appName.toLowerCase(),
|
||||
);
|
||||
|
||||
if (voltIndex == -1) {
|
||||
return Text(
|
||||
text,
|
||||
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
|
||||
);
|
||||
}
|
||||
|
||||
final before = text.substring(0, voltIndex);
|
||||
final volt = text.substring(
|
||||
voltIndex,
|
||||
voltIndex + AppLocaleKeys.appName.length,
|
||||
);
|
||||
final after = text.substring(voltIndex + AppLocaleKeys.appName.length);
|
||||
|
||||
return Text.rich(
|
||||
TextSpan(
|
||||
children: [
|
||||
TextSpan(text: before, style: context.appThemeTextStyles.size24Bold),
|
||||
WidgetSpan(
|
||||
alignment: PlaceholderAlignment.baseline,
|
||||
baseline: TextBaseline.alphabetic,
|
||||
child: ShaderMask(
|
||||
shaderCallback: (bounds) =>
|
||||
AppUtils.kGradient.createShader(bounds),
|
||||
child: Text(
|
||||
volt,
|
||||
style: context.appThemeTextStyles.size24Bold.copyWith(
|
||||
color: AppColors.cFFFFFF,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
// "Volt" dan keyingi text
|
||||
TextSpan(text: after, style: context.appThemeTextStyles.size24Bold),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,3 +1,3 @@
|
||||
export 'presentation/widgets/widgets.dart';
|
||||
export 'presentation/blocs/language_bloc/language_bloc.dart';
|
||||
export 'data/models/success_model.dart';
|
||||
export 'data/models/success_model.dart';
|
||||
|
||||
@@ -57,10 +57,10 @@ class AppButton extends StatelessWidget {
|
||||
mainAxisAlignment:
|
||||
mainAxisAlignment ?? MainAxisAlignment.center,
|
||||
children: [
|
||||
leading?? AppUtils.kSizedBox,
|
||||
leading ?? AppUtils.kSizedBox,
|
||||
Text(
|
||||
name,
|
||||
style: AppTextStyles.size16Bold.copyWith(
|
||||
style: AppTextStyles.size14Bold.copyWith(
|
||||
color: AppColors.cFFFFFF,
|
||||
),
|
||||
),
|
||||
|
||||
@@ -55,67 +55,92 @@ class _AppTextFormFieldState extends State<AppTextFormField> {
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return TextFormField(
|
||||
enabled: true,
|
||||
//autofocus: true,
|
||||
maxLines: widget.maxLines ?? 1,
|
||||
minLines: widget.minLines ?? 1,
|
||||
onChanged: widget.onChanged,
|
||||
focusNode: widget.focusNode,
|
||||
inputFormatters: widget.inputFormatters,
|
||||
keyboardType: widget.keyBoardType,
|
||||
style: widget.textStyle ?? AppTextStyles.size16Regular,
|
||||
onTap: widget.onTap,
|
||||
textAlign: widget.textAlign ?? TextAlign.start,
|
||||
controller: widget.controller,
|
||||
validator: widget.validator,
|
||||
obscureText: widget.obscureText ? visibility : false,
|
||||
obscuringCharacter: "*",
|
||||
autovalidateMode: AutovalidateMode.onUserInteraction,
|
||||
decoration: InputDecoration(
|
||||
return DecoratedBox(
|
||||
decoration: BoxDecoration(
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
offset: const Offset(0, 4),
|
||||
color: AppColors.cA7AEC1.newWithOpacity(.15),
|
||||
blurRadius: 70,
|
||||
),
|
||||
],
|
||||
),
|
||||
child: TextFormField(
|
||||
enabled: true,
|
||||
filled: true,
|
||||
|
||||
fillColor: widget.fillColor ?? AppColors.cEEEEEE,
|
||||
hintText: widget.hintText,
|
||||
hintStyle:
|
||||
widget.hintTextStyle ??
|
||||
AppTextStyles.size16Regular.copyWith(color: AppColors.c7F7F7F),
|
||||
suffixIcon: widget.obscureText
|
||||
? IconButton(
|
||||
onPressed: () {
|
||||
setState(() {
|
||||
visibility = !visibility;
|
||||
});
|
||||
},
|
||||
icon: Icon(
|
||||
visibility ? Icons.visibility : Icons.visibility_off,
|
||||
color: AppColors.c000000,
|
||||
),
|
||||
)
|
||||
: widget.suffixIcon,
|
||||
prefixIconConstraints: BoxConstraints(minHeight: 24, minWidth: 0),
|
||||
prefixIcon: widget.prefixIcon?.paddingOnly(left: 10).paddingAll(3),
|
||||
contentPadding: EdgeInsets.symmetric(vertical: 12, horizontal: 12),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: widget.borderRadius ?? AppUtils.kBorderRadius40,
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
errorBorder: OutlineInputBorder(
|
||||
borderRadius: widget.borderRadius ?? AppUtils.kBorderRadius40,
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: widget.borderRadius ?? AppUtils.kBorderRadius40,
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: widget.borderRadius ?? AppUtils.kBorderRadius40,
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
disabledBorder: OutlineInputBorder(
|
||||
borderRadius: widget.borderRadius ?? AppUtils.kBorderRadius40,
|
||||
borderSide: BorderSide.none,
|
||||
//autofocus: true,
|
||||
maxLines: widget.maxLines ?? 1,
|
||||
minLines: widget.minLines ?? 1,
|
||||
onChanged: widget.onChanged,
|
||||
focusNode: widget.focusNode,
|
||||
inputFormatters: widget.inputFormatters,
|
||||
keyboardType: widget.keyBoardType,
|
||||
style: widget.textStyle ?? context.appThemeTextStyles.size14Regular,
|
||||
onTap: widget.onTap,
|
||||
textAlign: widget.textAlign ?? TextAlign.start,
|
||||
controller: widget.controller,
|
||||
validator: widget.validator,
|
||||
obscureText: widget.obscureText ? visibility : false,
|
||||
obscuringCharacter: "*",
|
||||
autovalidateMode: AutovalidateMode.onUserInteraction,
|
||||
cursorColor: AppColors.cFF6F00,
|
||||
decoration: InputDecoration(
|
||||
enabled: true,
|
||||
filled: true,
|
||||
fillColor: context.appThemeColors.iconColor ?? AppColors.cEEEEEE,
|
||||
hintText: widget.hintText,
|
||||
hintStyle:
|
||||
widget.hintTextStyle ??
|
||||
context.appThemeTextStyles.size14Regular.copyWith(
|
||||
color: AppColors.cA7AEC1,
|
||||
),
|
||||
suffixIcon: widget.obscureText
|
||||
? IconButton(
|
||||
onPressed: () {
|
||||
setState(() {
|
||||
visibility = !visibility;
|
||||
});
|
||||
},
|
||||
icon: SvgPicture.asset(
|
||||
visibility ? AppIcons.icVisibility : AppIcons.icVisibilityOff,
|
||||
color: AppColors.c000000,
|
||||
),
|
||||
)
|
||||
: widget.suffixIcon,
|
||||
prefixIconConstraints: BoxConstraints(minHeight: 24, minWidth: 0),
|
||||
prefixIcon: widget.prefixIcon?.paddingOnly(left: 10).paddingAll(3),
|
||||
contentPadding: EdgeInsets.symmetric(vertical: 16, horizontal: 14),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: widget.borderRadius ?? AppUtils.kBorderRadius16,
|
||||
borderSide: BorderSide(
|
||||
color: context.appThemeColors.borderColor,
|
||||
width: 1,
|
||||
),
|
||||
),
|
||||
errorBorder: OutlineInputBorder(
|
||||
borderRadius: widget.borderRadius ?? AppUtils.kBorderRadius16,
|
||||
borderSide: BorderSide(
|
||||
color: context.appThemeColors.borderColor,
|
||||
width: 1,
|
||||
),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: widget.borderRadius ?? AppUtils.kBorderRadius16,
|
||||
borderSide: BorderSide(
|
||||
color: context.appThemeColors.borderColor,
|
||||
width: 1,
|
||||
),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: widget.borderRadius ?? AppUtils.kBorderRadius16,
|
||||
borderSide: BorderSide(color: AppColors.cFF6F00, width: 1),
|
||||
),
|
||||
disabledBorder: OutlineInputBorder(
|
||||
borderRadius: widget.borderRadius ?? AppUtils.kBorderRadius40,
|
||||
borderSide: BorderSide(
|
||||
color: context.appThemeColors.borderColor,
|
||||
width: 1,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
31
lib/feature/common/presentation/widgets/w_back_button.dart
Normal file
31
lib/feature/common/presentation/widgets/w_back_button.dart
Normal file
@@ -0,0 +1,31 @@
|
||||
import '../../../../food_delivery_client.dart';
|
||||
|
||||
class WBackButton extends StatelessWidget {
|
||||
const WBackButton({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return InkWell(
|
||||
onTap: () {},
|
||||
borderRadius: AppUtils.kBorderRadius22,
|
||||
child: Ink(
|
||||
height: 44,
|
||||
width: 44,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: AppUtils.kBorderRadius22,
|
||||
color: context.appThemeColors.iconColor,
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: AppColors.cA7AEC1.newWithOpacity(.3),
|
||||
offset: const Offset(0, 4),
|
||||
blurRadius: 80,
|
||||
),
|
||||
],
|
||||
),
|
||||
child: SvgPicture.asset(
|
||||
context.appThemeIcons.icArrowLeft,
|
||||
).paddingAll(10),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -5,3 +5,4 @@ export 'w_stories_list_item.dart';
|
||||
export 'w_custom_modal_bottom_sheet.dart';
|
||||
export 'app_button.dart';
|
||||
export 'app_list_tile.dart';
|
||||
export 'w_back_button.dart';
|
||||
|
||||
@@ -73,9 +73,8 @@ class _OnboardingPageState extends State<OnboardingPage> {
|
||||
onPressed: () {
|
||||
if (currentIndex < 1) {
|
||||
onPressed();
|
||||
}
|
||||
if (currentIndex == 1) {
|
||||
log("Navigate to login");
|
||||
} else {
|
||||
context.go(Routes.login);
|
||||
}
|
||||
},
|
||||
),
|
||||
|
||||
@@ -31,15 +31,11 @@ class SplashPage extends StatelessWidget {
|
||||
Center(child: SvgPicture.asset(AppIcons.icLogo)),
|
||||
ShaderMask(
|
||||
shaderCallback: (bounds) =>
|
||||
const LinearGradient(
|
||||
begin: AlignmentGeometry.bottomCenter,
|
||||
end: AlignmentGeometry.topCenter,
|
||||
colors: [AppColors.cFF6F00, AppColors.cFFAB40],
|
||||
).createShader(
|
||||
AppUtils.kGradient.createShader(
|
||||
Rect.fromLTWH(0, 0, bounds.width, bounds.height),
|
||||
),
|
||||
child: Text(
|
||||
"Felix Eats",
|
||||
AppLocaleKeys.appName,
|
||||
style: context.appThemeTextStyles.size64Black,
|
||||
),
|
||||
),
|
||||
|
||||
@@ -46,11 +46,11 @@ class _MyAppState extends State<MyApp> {
|
||||
builder: (context, state) {
|
||||
return ToastificationWrapper(
|
||||
child: MaterialApp.router(
|
||||
title: "Felix Eats",
|
||||
title: AppLocaleKeys.appName,
|
||||
debugShowCheckedModeBanner: false,
|
||||
theme: AppTheme.lightTheme,
|
||||
darkTheme: AppTheme.darkTheme,
|
||||
themeMode: ThemeMode.light,
|
||||
themeMode: ThemeMode.dark,
|
||||
routerConfig: sl<AppRoutes>().router,
|
||||
locale: state.currentLocale,
|
||||
supportedLocales: L10n.locales,
|
||||
|
||||
Reference in New Issue
Block a user