Jahongir/food_delivery_mobile
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: login page ui done

Browse Source
This commit is contained in:
jahongireshonqulov
2025-10-31 19:27:21 +05:00
parent d8bd9c4925
commit 689cf29eab
31 changed files with 992 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
lib/feature/auth/presentation/login_page/login_page.dart Normal file
View 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
View 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,
),
),
),
],
),
),
),
);
}
}

52
lib/feature/auth/presentation/login_page/widgets/welcome_text.dart Normal file
View File

@@ -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),
],
),
);
}
}