國(guó)際化配置
在我們使用系統(tǒng)自帶MaterialApp
來(lái)實(shí)現(xiàn)國(guó)際化配置茬暇,需要進(jìn)行很多配置,而且還需要手動(dòng)去依賴第三方組件,而使用GetX
來(lái)實(shí)現(xiàn)國(guó)際化配置,你只需要一行代碼即可實(shí)現(xiàn)切換粥鞋,接下來(lái)我們看一下具體實(shí)現(xiàn)。
視頻教程地址
第一步:應(yīng)用程序入口配置
- translations: 國(guó)際化配置文件
- locale: 設(shè)置默認(rèn)語(yǔ)言瞄崇,不設(shè)置的話為系統(tǒng)當(dāng)前語(yǔ)言
- fallbackLocale: 配置錯(cuò)誤的情況下,使用的語(yǔ)言
import 'package:flutter/material.dart';
import 'package:flutter_getx_example/InternationalizationExample/InternationalizationExample.dart';
import 'package:get/get.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
/// 國(guó)際化配置
return GetMaterialApp(
title: "GetX",
translations: Messages(),
locale: Locale('zh', 'CN'), //設(shè)置默認(rèn)語(yǔ)言
fallbackLocale: Locale("zh", "CN"), // 在配置錯(cuò)誤的情況下,使用的語(yǔ)言
home: InternationalizationExample(),
);
}
}
</pre>
第二步:創(chuàng)建國(guó)際化類
需要繼承自Translations
并重寫keys
方法呻粹。
import 'package:get/get.dart';
class Messages extends Translations {
@override
// TODO: implement keys
Map<String, Map<String, String>> get keys => {
'zh_CN': {
'hello': "你好, 世界"
},
'en_US': {
'hello': 'hello world'
}
};
}
</pre>
|`
第三步:創(chuàng)建控制器類壕曼,用于切換語(yǔ)言
`|
import 'dart:ui';
import 'package:get/get.dart';
class MessagesController extends GetxController {
void changeLanguage(String languageCode, String countryCode) {
var locale = Locale(languageCode, countryCode);
Get.updateLocale(locale);
}
}
</pre>
|`
第四步:實(shí)例化控制器并使用
`|
import 'package:flutter/material.dart';
import 'package:flutter_getx_example/GetXControllerWorkersExample/WorkersConroller.dart';
import 'package:flutter_getx_example/InternationalizationExample/MessagesCnotroller.dart';
import 'package:get/get.dart';
class InternationalizationExample extends StatelessWidget {
MessagesController messagesController = Get.put(MessagesController());
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Internationalization"),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text('hello'.tr, style: TextStyle(color: Colors.pink, fontSize: 30)),
ElevatedButton(
onPressed: () => messagesController.changeLanguage('zh', "CN"),
child: Text("切換到中文")
),
SizedBox(height: 20,),
ElevatedButton(
onPressed: () => messagesController.changeLanguage('en', "US"),
child: Text("切換到英文")
),
],
),
),
);
}
}
</pre>
|`
效果展示
依賴注入
在前面的文章中,我們經(jīng)常使用Get.put(MyController())來(lái)進(jìn)行控制器實(shí)例的創(chuàng)建等浊,這樣我們就算不使用控制器實(shí)例也會(huì)被創(chuàng)建腮郊,其實(shí)GetX還提供很多創(chuàng)建實(shí)例的方法,可根據(jù)不同的業(yè)務(wù)來(lái)進(jìn)行創(chuàng)建筹燕,接下來(lái)我們簡(jiǎn)單介紹一下幾個(gè)最常用的
Get.put(): 不使用控制器實(shí)例也會(huì)被創(chuàng)建
Get.lazyPut(): 懶加載方式創(chuàng)建實(shí)例轧飞,只有在使用時(shí)才創(chuàng)建
Get.putAsync(): Get.put()
的異步版版本
Get.create(): 每次使用都會(huì)創(chuàng)建一個(gè)新的實(shí)例
我們來(lái)看一下代碼演示
第一步:應(yīng)用程序入口配置
import 'package:flutter/material.dart';
import 'package:flutter_getx_example/DependecyInjectionExample/DependecyInjectionExample.dart';
import 'package:get/get.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return GetMaterialApp(
title: "GetX",
home: DependecyInjectionExample(),
);
}
}
第二步:創(chuàng)建控制器
import 'package:flutter_getx_example/ObxCustomClassExample/Teacher.dart';
import 'package:get/get.dart';
class MyController extends GetxController {
var teacher = Teacher();
void convertToUpperCase() {
teacher.name.value = teacher.name.value.toUpperCase();
}
}
第三步:實(shí)例化控制器并使用
import 'package:flutter/material.dart';
import 'package:flutter_getx_example/GetXControllerExample/MyController.dart';
import 'package:get/get.dart';
class DependecyInjectionExample extends StatelessWidget {
@override
Widget build(BuildContext context) {
// 即使不使用控制器實(shí)例也會(huì)被創(chuàng)建
// tag將用于查找具有標(biāo)簽名稱的實(shí)例
// 控制器在不使用時(shí)被處理,但如果永久為真撒踪,則實(shí)例將在整個(gè)應(yīng)用程序中保持活動(dòng)狀態(tài)
MyController myController = Get.put(MyController(), permanent: true);
// MyController myController = Get.put(MyController(), tag: "instancel", permanent: true);
// 實(shí)例將在使用時(shí)創(chuàng)建
// 它類似于'permanent'过咬,區(qū)別在于實(shí)例在不被使用時(shí)被丟棄
// 但是當(dāng)它再次需要使用時(shí),get 將重新創(chuàng)建實(shí)例
// Get.lazyPut(()=> MyController());
// Get.lazyPut(()=> MyController(), tag: "instancel");
// Get.put 異步版本
// Get.putAsync<MyController>(() async => await MyController());
// 每次都將返回一個(gè)新的實(shí)例
// Get.create<MyController>(() => MyController());
return Scaffold(
appBar: AppBar(
title: Text("GetXController"),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
ElevatedButton(
onPressed: () {
// 實(shí)例使用的tag創(chuàng)建
// Get.find<MyController>(tag: 'instancel');
Get.find<MyController>();
},
child: Text("別點(diǎn)我"))
],
),
),
);
}
}