國際化配置
在我們使用系統(tǒng)自帶MaterialApp
來實現(xiàn)國際化配置,需要進行很多配置卧檐,而且還需要手動去依賴第三方組件墓懂,而使用GetX
來實現(xiàn)國際化配置,你只需要一行代碼即可實現(xiàn)切換霉囚,接下來我們看一下具體實現(xiàn)捕仔。
視頻教程地址
第一步:應用程序入口配置
- translations: 國際化配置文件
- locale: 設置默認語言,不設置的話為系統(tǒng)當前語言
- fallbackLocale: 配置錯誤的情況下,使用的語言
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) {
/// 國際化配置
return GetMaterialApp(
title: "GetX",
translations: Messages(),
locale: Locale('zh', 'CN'), //設置默認語言
fallbackLocale: Locale("zh", "CN"), // 在配置錯誤的情況下,使用的語言
home: InternationalizationExample(),
);
}
}
第二步:創(chuàng)建國際化類
需要繼承自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'
}
};
}
第三步:創(chuàng)建控制器類榜跌,用于切換語言
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);
}
}
第四步:實例化控制器并使用
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("切換到英文")
),
],
),
),
);
}
}
效果展示
依賴注入
在前面的文章中,我們經(jīng)常使用Get.put(MyController())
來進行控制器實例的創(chuàng)建盅粪,這樣我們就算不使用控制器實例也會被創(chuàng)建钓葫,其實GetX
還提供很多創(chuàng)建實例的方法,可根據(jù)不同的業(yè)務來進行創(chuàng)建票顾,接下來我們簡單介紹一下幾個最常用的
- Get.put(): 不使用控制器實例也會被創(chuàng)建
- Get.lazyPut(): 懶加載方式創(chuàng)建實例础浮,只有在使用時才創(chuàng)建
-
Get.putAsync<T>():
Get.put()
的異步版版本 - Get.create<T>(): 每次使用都會創(chuà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();
}
}
第三步:實例化控制器并使用
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) {
// 即使不使用控制器實例也會被創(chuàng)建
// tag將用于查找具有標簽名稱的實例
// 控制器在不使用時被處理帆调,但如果永久為真,則實例將在整個應用程序中保持活動狀態(tài)
MyController myController = Get.put(MyController(), permanent: true);
// MyController myController = Get.put(MyController(), tag: "instancel", permanent: true);
// 實例將在使用時創(chuàng)建
// 它類似于'permanent'豆同,區(qū)別在于實例在不被使用時被丟棄
// 但是當它再次需要使用時番刊,get 將重新創(chuàng)建實例
// Get.lazyPut(()=> MyController());
// Get.lazyPut(()=> MyController(), tag: "instancel");
// Get.put 異步版本
// Get.putAsync<MyController>(() async => await MyController());
// 每次都將返回一個新的實例
// Get.create<MyController>(() => MyController());
return Scaffold(
appBar: AppBar(
title: Text("GetXController"),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
ElevatedButton(
onPressed: () {
// 實例使用的tag創(chuàng)建
// Get.find<MyController>(tag: 'instancel');
Get.find<MyController>();
},
child: Text("別點我"))
],
),
),
);
}
}
Get Service
這個類就像一個 GetxController
,它共享相同的生命周期onInit()
诱告、onReady()
撵枢、onClose()
。 但里面沒有 "邏輯"精居。它只是通知GetX的依賴注入系統(tǒng)锄禽,這個子類不能從內(nèi)存中刪除。所以如果你需要在你的應用程序的生命周期內(nèi)對一個類實例進行絕對的持久化靴姿,那么就可以使用GetxService
沃但。
第一步:創(chuàng)建Service
import 'package:get/get.dart';
import 'package:shared_preferences/shared_preferences.dart';
class Service extends GetxService {
Future<void> getCounter() async {
SharedPreferences prefs = await SharedPreferences.getInstance();
int count = (prefs.getInt("counter") ?? 0) + 1;
print("count 的值為: $count");
await prefs.setInt("counter", count);
}
}
第二步:初始化Service
import 'package:flutter/material.dart';
import 'package:flutter_getx_example/GetXServiceExample/GetXServiceExample.dart';
import 'package:flutter_getx_example/GetXServiceExample/Service.dart';
import 'package:get/get.dart';
/// 初始化服務
Future<void> main() async {
await initServices();
runApp(MyApp());
}
Future<void> initServices() async {
print("初始化服務");
await Get.putAsync(() async => await Service());
print("所有服務啟動");
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return GetMaterialApp(
title: "GetX",
home: GetXServiceExample(),
);
}
}
第三步:調(diào)用Service
import 'package:flutter/material.dart';
import 'package:flutter_getx_example/GetXServiceExample/Service.dart';
import 'package:get/get.dart';
class GetXServiceExample extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("GetX Service"),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
ElevatedButton(
onPressed: () {
Get.find<Service>().getCounter();
},
child: Text("點我加1"))
],
),
),
);
}
}
GetX Binding
在我們使用GetX
狀態(tài)管理器的時候,往往每次都是用需要手動實例化一個控制器佛吓,這樣的話基本頁面都需要實例化一次宵晚,這樣就太麻煩了,而Binding
能解決上述問題维雇,可以在項目初始化時把所有需要進行狀態(tài)管理的控制器進行統(tǒng)一初始化淤刃,接下來看代碼演示:
第一步:聲明需要進行的綁定控制器類
import 'package:flutter_getx_example/GetXBindingExample/controller/BindingHomeController.dart';
import 'package:flutter_getx_example/GetXBindingExample/controller/BindingMyController.dart';
import 'package:get/get.dart';
class AllControllerBinding implements Bindings {
@override
void dependencies() {
// TODO: implement dependencies
Get.lazyPut<BindingMyController>(() => BindingMyController());
Get.lazyPut<BindingHomeController>(() => BindingHomeController());
}
}
import 'package:get/get.dart';
class BindingHomeController extends GetxController {
var count = 0.obs;
void increment() {
count++;
}
}
import 'package:get/get.dart';
class BindingMyController extends GetxController {
var count = 0.obs;
void increment() {
count++;
}
}
第二步:在項目啟動時進行初始化綁定
綁定的方式有多種,在不同的情況下有不同的使用方式吱型,這里介紹一種逸贾,如果需要更加詳細的介紹,觀看視頻將會是最佳的選擇津滞。
import 'package:flutter/material.dart';
import 'package:flutter_getx_example/GetXBindingExample/binding/AllControllerBinding.dart';
import 'package:flutter_getx_example/GetXBindingExample/GetXBindingExample.dart';
import 'package:get/get.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
/// GetX Binding
return GetMaterialApp(
title: "GetX",
initialBinding: AllControllerBinding(),
home: GetXBindingExample(),
);
}
}
第三步:在頁面中使用狀態(tài)管理器
import 'package:flutter/material.dart';
import 'package:flutter_getx_example/GetXBindingExample/BHome.dart';
import 'package:flutter_getx_example/GetXBindingExample/binding/BHomeControllerBinding.dart';
import 'package:flutter_getx_example/GetXBindingExample/controller/BindingMyController.dart';
import 'package:get/get.dart';
class GetXBindingExample extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("GetXBinding"),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Obx(() => Text(
"計數(shù)器的值為 ${Get.find<BindingMyController>().count}",
style: TextStyle(color: Colors.red, fontSize: 30),
)),
SizedBox(height: 20,),
ElevatedButton(
onPressed: () {
Get.find<BindingMyController>().increment();
},
child: Text("點擊加1")
),
SizedBox(height: 20,),
ElevatedButton(
onPressed: () {
Get.to(BHome());
// Get.toNamed("/bHome");
// Get.to(BHome(), binding: BHomeControllerBinding());
},
child: Text("跳轉(zhuǎn)去首頁")
),
],
),
),
);
}
}