BASE: Create AppRouter Util.
This commit is contained in:
@@ -1,13 +1,15 @@
|
||||
import 'dart:convert';
|
||||
|
||||
import 'package:customer/constant/constant.dart';
|
||||
import 'package:customer/controllers/change_language_controller.dart';
|
||||
import 'package:customer/screen_ui/splash_screen/splash_screen.dart';
|
||||
import 'package:customer/themes/app_them_data.dart';
|
||||
import 'package:customer/utils/network_image_widget.dart';
|
||||
import 'package:customer/utils/preferences.dart';
|
||||
import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:flag/flag_enum.dart';
|
||||
import 'package:flag/flag_widget.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart' hide Trans;import '../../../controllers/theme_controller.dart';
|
||||
import '../../../service/localization_service.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:get/get.dart' hide Trans;
|
||||
import '../../../controllers/theme_controller.dart';
|
||||
|
||||
class ChangeLanguageScreen extends StatelessWidget {
|
||||
const ChangeLanguageScreen({super.key});
|
||||
@@ -20,81 +22,199 @@ class ChangeLanguageScreen extends StatelessWidget {
|
||||
init: ChangeLanguageController(),
|
||||
builder: (controller) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(backgroundColor: isDark ? AppThemeData.surfaceDark : AppThemeData.surface, centerTitle: false, titleSpacing: 0),
|
||||
appBar: AppBar(
|
||||
backgroundColor:
|
||||
isDark ? AppThemeData.surfaceDark : AppThemeData.surface,
|
||||
centerTitle: false,
|
||||
titleSpacing: 0,
|
||||
leading: InkWell(
|
||||
onTap: () {
|
||||
// Get.back();
|
||||
Navigator.pushAndRemoveUntil(
|
||||
context,
|
||||
MaterialPageRoute(builder: (context) => SplashScreen()),
|
||||
(route) => false,
|
||||
);
|
||||
},
|
||||
child: Icon(Icons.arrow_back),
|
||||
),
|
||||
),
|
||||
body:
|
||||
controller.isLoading.value
|
||||
? Constant.loader()
|
||||
: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
"Change Language".tr(),
|
||||
style: TextStyle(fontSize: 24, color: isDark ? AppThemeData.grey50 : AppThemeData.grey900, fontFamily: AppThemeData.semiBold, fontWeight: FontWeight.w500),
|
||||
),
|
||||
Text(
|
||||
"Select your preferred language for a personalized app experience.".tr(),
|
||||
style: TextStyle(fontSize: 16, color: isDark ? AppThemeData.grey50 : AppThemeData.grey900, fontFamily: AppThemeData.regular, fontWeight: FontWeight.w400),
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
Expanded(
|
||||
child: GridView.count(
|
||||
crossAxisCount: 2,
|
||||
childAspectRatio: (1.1 / 1),
|
||||
crossAxisSpacing: 5,
|
||||
mainAxisSpacing: 1,
|
||||
children:
|
||||
controller.languageList
|
||||
.map(
|
||||
(data) => Obx(
|
||||
() => GestureDetector(
|
||||
onTap: () {
|
||||
LocalizationService().changeLocale(data.slug.toString());
|
||||
Preferences.setString(Preferences.languageCodeKey, jsonEncode(data));
|
||||
controller.selectedLanguage.value = data;
|
||||
},
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
children: [
|
||||
NetworkImageWidget(imageUrl: data.image.toString(), height: 80, width: 80),
|
||||
// SvgPicture.network(
|
||||
// data.image.toString(),
|
||||
// height: 80,
|
||||
// width: 80,
|
||||
// fit: BoxFit.contain,
|
||||
// placeholderBuilder: (context) => const Center(child: CircularProgressIndicator(strokeWidth: 1.5)),
|
||||
// ),
|
||||
const SizedBox(height: 5),
|
||||
Text(
|
||||
"${data.title}",
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
color:
|
||||
controller.selectedLanguage.value.slug == data.slug
|
||||
? AppThemeData.primary300
|
||||
: isDark
|
||||
? AppThemeData.grey400
|
||||
: AppThemeData.grey500,
|
||||
fontFamily: AppThemeData.medium,
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// Padding(
|
||||
// padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
// child: Column(
|
||||
// crossAxisAlignment: CrossAxisAlignment.start,
|
||||
// children: [
|
||||
// Text(
|
||||
// ConstTexts.changeLanguage.tr(),
|
||||
// style: TextStyle(
|
||||
// fontSize: 24,
|
||||
// color:
|
||||
// isDark
|
||||
// ? AppThemeData.grey50
|
||||
// : AppThemeData.grey900,
|
||||
// fontFamily: AppThemeData.semiBold,
|
||||
// fontWeight: FontWeight.w500,
|
||||
// ),
|
||||
// ),
|
||||
// Text(
|
||||
// ConstTexts.selectPrefferedLanguage.tr(),
|
||||
// style: TextStyle(
|
||||
// fontSize: 16,
|
||||
// color:
|
||||
// isDark
|
||||
// ? AppThemeData.grey50
|
||||
// : AppThemeData.grey900,
|
||||
// fontFamily: AppThemeData.regular,
|
||||
// fontWeight: FontWeight.w400,
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
_buildLanguageButton(
|
||||
isActive: context.locale == Locale("uz", "UZ"),
|
||||
flagCode: FlagsCode.UZ,
|
||||
title: "O'zbekcha",
|
||||
onTap: () async {
|
||||
await context.setLocale(Locale("uz", "UZ"));
|
||||
Get.forceAppUpdate();
|
||||
},
|
||||
),
|
||||
_buildDivider(),
|
||||
_buildLanguageButton(
|
||||
isActive: context.locale == Locale("ru", "RU"),
|
||||
flagCode: FlagsCode.RU,
|
||||
title: "Русский",
|
||||
onTap: () async {
|
||||
await context.setLocale(Locale("ru", "RU"));
|
||||
Get.forceAppUpdate();
|
||||
},
|
||||
),
|
||||
_buildDivider(),
|
||||
_buildLanguageButton(
|
||||
isActive: context.locale == Locale("en", "US"),
|
||||
flagCode: FlagsCode.US,
|
||||
title: "English",
|
||||
onTap: () async {
|
||||
await context.setLocale(Locale("en", "US"));
|
||||
Get.forceAppUpdate();
|
||||
},
|
||||
),
|
||||
|
||||
// Expanded(
|
||||
// child: GridView.count(
|
||||
// crossAxisCount: 2,
|
||||
// childAspectRatio: (1.1 / 1),
|
||||
// crossAxisSpacing: 5,
|
||||
// mainAxisSpacing: 1,
|
||||
// children:
|
||||
// controller.languageList
|
||||
// .map(
|
||||
// (data) => Obx(
|
||||
// () => GestureDetector(
|
||||
// onTap: () {
|
||||
// LocalizationService().changeLocale(data.slug.toString());
|
||||
// Preferences.setString(Preferences.languageCodeKey, jsonEncode(data));
|
||||
// controller.selectedLanguage.value = data;
|
||||
// },
|
||||
// child: Container(
|
||||
// padding: const EdgeInsets.all(16),
|
||||
// child: Column(
|
||||
// children: [
|
||||
// NetworkImageWidget(imageUrl: data.image.toString(), height: 80, width: 80),
|
||||
// // SvgPicture.network(
|
||||
// // data.image.toString(),
|
||||
// // height: 80,
|
||||
// // width: 80,
|
||||
// // fit: BoxFit.contain,
|
||||
// // placeholderBuilder: (context) => const Center(child: CircularProgressIndicator(strokeWidth: 1.5)),
|
||||
// // ),
|
||||
// const SizedBox(height: 5),
|
||||
// Text(
|
||||
// "${data.title}",
|
||||
// style: TextStyle(
|
||||
// fontSize: 16,
|
||||
// color:
|
||||
// controller.selectedLanguage.value.slug == data.slug
|
||||
// ? AppThemeData.primary300
|
||||
// : isDark
|
||||
// ? AppThemeData.grey400
|
||||
// : AppThemeData.grey500,
|
||||
// fontFamily: AppThemeData.medium,
|
||||
// fontWeight: FontWeight.w400,
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// )
|
||||
// .toList(),
|
||||
// ),
|
||||
// ),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildDivider() => Padding(
|
||||
padding: EdgeInsetsGeometry.symmetric(horizontal: 16.r),
|
||||
child: Divider(thickness: 1.2.r),
|
||||
);
|
||||
|
||||
InkWell _buildLanguageButton({
|
||||
required bool isActive,
|
||||
required VoidCallback onTap,
|
||||
required String title,
|
||||
required FlagsCode flagCode,
|
||||
}) {
|
||||
return InkWell(
|
||||
hoverColor: Colors.transparent,
|
||||
splashColor: Colors.transparent,
|
||||
overlayColor: WidgetStatePropertyAll(Colors.transparent),
|
||||
onTap: onTap,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.symmetric(vertical: 15.r).copyWith(right: 16.r),
|
||||
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Flag.fromCode(
|
||||
flagCode,
|
||||
height: 40.h,
|
||||
width: 90.w,
|
||||
borderRadius: 12.r,
|
||||
),
|
||||
Text(
|
||||
title,
|
||||
style: AppThemeData.mediumTextStyle(
|
||||
fontSize: 16.sp,
|
||||
color: AppThemeData.darkGrey,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
isActive
|
||||
? Icon(
|
||||
Icons.circle,
|
||||
color: AppThemeData.darkGrey.withValues(alpha: 0.6),
|
||||
size: 15.r,
|
||||
)
|
||||
: SizedBox.shrink(),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user