Nuevos cambios hechos de diseño
This commit is contained in:
ellecio2
285
desarrollo2/source_code/lib/screens/change_language.dart
Normal file
285
desarrollo2/source_code/lib/screens/change_language.dart
Normal file
@@ -0,0 +1,285 @@
|
||||
import 'package:active_ecommerce_seller_app/custom/decorations.dart';
|
||||
import 'package:active_ecommerce_seller_app/helpers/shared_value_helper.dart';
|
||||
import 'package:active_ecommerce_seller_app/helpers/shimmer_helper.dart';
|
||||
import 'package:active_ecommerce_seller_app/my_theme.dart';
|
||||
import 'package:active_ecommerce_seller_app/providers/locale_provider.dart';
|
||||
import 'package:active_ecommerce_seller_app/repositories/language_repository.dart';
|
||||
import 'package:active_ecommerce_seller_app/screens/main.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:toast/toast.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
||||
|
||||
class ChangeLanguage extends StatefulWidget {
|
||||
ChangeLanguage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_ChangeLanguageState createState() => _ChangeLanguageState();
|
||||
}
|
||||
|
||||
class _ChangeLanguageState extends State<ChangeLanguage> {
|
||||
var _selected_index = 0;
|
||||
ScrollController _mainScrollController = ScrollController();
|
||||
var _list = [];
|
||||
bool _isInitial = true;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
// TODO: implement initState
|
||||
super.initState();
|
||||
|
||||
fetchList();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
super.dispose();
|
||||
_mainScrollController.dispose();
|
||||
}
|
||||
|
||||
fetchList() async {
|
||||
var languageListResponse = await LanguageRepository().getLanguageList();
|
||||
_list.addAll(languageListResponse.languages!);
|
||||
|
||||
var idx = 0;
|
||||
if (_list.length > 0) {
|
||||
_list.forEach((lang) {
|
||||
if (lang.code == app_language.$) {
|
||||
setState(() {
|
||||
_selected_index = idx;
|
||||
});
|
||||
}
|
||||
idx++;
|
||||
});
|
||||
}
|
||||
_isInitial = false;
|
||||
setState(() {});
|
||||
}
|
||||
|
||||
reset() {
|
||||
_list.clear();
|
||||
_isInitial = true;
|
||||
_selected_index = 0;
|
||||
setState(() {});
|
||||
}
|
||||
|
||||
Future<void> _onRefresh() async {
|
||||
reset();
|
||||
fetchList();
|
||||
}
|
||||
|
||||
onPopped(value) {
|
||||
reset();
|
||||
fetchList();
|
||||
}
|
||||
|
||||
onLanguageItemTap(index) {
|
||||
|
||||
if (index != _selected_index) {
|
||||
setState(() {
|
||||
_selected_index = index;
|
||||
});
|
||||
|
||||
// if(Locale().)
|
||||
|
||||
app_language.$ = _list[_selected_index].code;
|
||||
app_language.save();
|
||||
app_mobile_language.$ = _list[_selected_index].mobile_app_code;
|
||||
app_mobile_language.save();
|
||||
app_language_rtl.$ = _list[_selected_index].rtl;
|
||||
app_language_rtl.save();
|
||||
|
||||
// var local_provider = new LocaleProvider();
|
||||
// local_provider.setLocale(_list[_selected_index].code);
|
||||
Provider.of<LocaleProvider>(context, listen: false)
|
||||
.setLocale(_list[_selected_index].mobile_app_code);
|
||||
|
||||
Navigator.pushAndRemoveUntil(context, MaterialPageRoute(builder: (context) {
|
||||
return Main();
|
||||
}),(route)=>false);
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Directionality(
|
||||
textDirection: app_language_rtl.$! ? TextDirection.rtl : TextDirection.ltr,
|
||||
child: Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
appBar: buildAppBar(context),
|
||||
body: Stack(
|
||||
children: [
|
||||
RefreshIndicator(
|
||||
color: MyTheme.app_accent_color,
|
||||
backgroundColor: Colors.white,
|
||||
onRefresh: _onRefresh,
|
||||
displacement: 0,
|
||||
child: CustomScrollView(
|
||||
controller: _mainScrollController,
|
||||
physics: const BouncingScrollPhysics(
|
||||
parent: AlwaysScrollableScrollPhysics()),
|
||||
slivers: [
|
||||
SliverList(
|
||||
delegate: SliverChildListDelegate([
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(18.0),
|
||||
child: buildLanguageMethodList(),
|
||||
),
|
||||
]),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
)),
|
||||
);
|
||||
}
|
||||
|
||||
AppBar buildAppBar(BuildContext context) {
|
||||
return AppBar(
|
||||
backgroundColor: Colors.white,
|
||||
centerTitle: false,
|
||||
leading: Builder(
|
||||
builder: (context) => IconButton(
|
||||
padding: EdgeInsets.zero,
|
||||
icon: Image.asset(
|
||||
'assets/icon/back_arrow.png',
|
||||
height: 20,
|
||||
width: 20,
|
||||
color: MyTheme.app_accent_color,
|
||||
//color: MyTheme.dark_grey,
|
||||
),
|
||||
onPressed: () => Navigator.of(context).pop(),
|
||||
),
|
||||
),
|
||||
title: Text(
|
||||
"${AppLocalizations.of(context)!.change_language_ucf} (${app_language.$}) - (${app_mobile_language.$})",
|
||||
style: TextStyle(fontSize: 16, color: MyTheme.dark_grey,fontWeight: FontWeight.bold),
|
||||
),
|
||||
elevation: 0.0,
|
||||
titleSpacing: 0,
|
||||
);
|
||||
}
|
||||
|
||||
buildLanguageMethodList() {
|
||||
if (_isInitial && _list.length == 0) {
|
||||
return SingleChildScrollView(
|
||||
child: ShimmerHelper()
|
||||
.buildListShimmer(item_count: 5, item_height: 100.0));
|
||||
} else if (_list.length > 0) {
|
||||
return SingleChildScrollView(
|
||||
child: ListView.separated(
|
||||
separatorBuilder: (context, index) {
|
||||
return SizedBox(
|
||||
height: 14,
|
||||
);
|
||||
},
|
||||
itemCount: _list.length,
|
||||
scrollDirection: Axis.vertical,
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
shrinkWrap: true,
|
||||
itemBuilder: (context, index) {
|
||||
return buildPaymentMethodItemCard(index);
|
||||
},
|
||||
),
|
||||
);
|
||||
} else if (!_isInitial && _list.length == 0) {
|
||||
return Container(
|
||||
height: 100,
|
||||
child: Center(
|
||||
child: Text(
|
||||
AppLocalizations.of(context)!.no_language_is_added,
|
||||
style: TextStyle(color: MyTheme.font_grey),
|
||||
)));
|
||||
}
|
||||
}
|
||||
|
||||
GestureDetector buildPaymentMethodItemCard(index) {
|
||||
return GestureDetector(
|
||||
onTap: () {
|
||||
onLanguageItemTap(index);
|
||||
},
|
||||
child: Stack(
|
||||
children: [
|
||||
AnimatedContainer(
|
||||
duration: Duration(milliseconds: 400),
|
||||
decoration: MDecoration.decoration1().copyWith(
|
||||
border: Border.all(
|
||||
color: _selected_index == index
|
||||
? MyTheme.app_accent_color
|
||||
: MyTheme.light_grey,
|
||||
width: _selected_index == index ? 1.0 : 0.0)),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
Container(
|
||||
width: 50,
|
||||
height: 50,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child:
|
||||
/*Image.asset(
|
||||
_list[index].image,
|
||||
fit: BoxFit.fitWidth,
|
||||
),*/
|
||||
FadeInImage.assetNetwork(
|
||||
placeholder: 'assets/placeholder.png',
|
||||
image: _list[index].image,
|
||||
fit: BoxFit.fitWidth,
|
||||
))),
|
||||
Container(
|
||||
width: 150,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: EdgeInsets.only(left: 8.0),
|
||||
child: Text(
|
||||
"${_list[index].name} - ${_list[index].code} - ${_list[index].mobile_app_code}",
|
||||
textAlign: TextAlign.left,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
maxLines: 2,
|
||||
style: TextStyle(
|
||||
color: MyTheme.font_grey,
|
||||
fontSize: 14,
|
||||
height: 1.6,
|
||||
fontWeight: FontWeight.w400),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
]),
|
||||
),
|
||||
app_language_rtl.$!
|
||||
? Positioned(
|
||||
left: 16,
|
||||
top: 16,
|
||||
child: buildCheckContainer(_selected_index == index),
|
||||
)
|
||||
: Positioned(
|
||||
right: 16,
|
||||
top: 16,
|
||||
child: buildCheckContainer(_selected_index == index),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Container buildCheckContainer(bool check) {
|
||||
return check
|
||||
? Container(
|
||||
height: 16,
|
||||
width: 16,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(16.0), color: Colors.green),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(3),
|
||||
child: Icon(Icons.check, color: Colors.white, size: 10),
|
||||
),
|
||||
)
|
||||
: Container();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user