前言

GetX 與其說是一個狀態(tài)管理庫，倒不如是是一個簡化 Flutter 開發(fā)的百寶箱。它提供了很多工具來簡化我們的開發(fā)，本篇我們先對 GetX 有一個大概的認(rèn)識，然后接下來的篇章再將 GetX 的具體應(yīng)用。

GetX 工具介紹

官方文檔給出關(guān)于 GetX 的介紹如下：

GetX is an extra-light and powerful solution for Flutter. It combines high-performance state management, intelligent dependency injection, and route management quickly and practically.
GetX是一個超輕量且強(qiáng)大的 Flutter 應(yīng)用解決方案。它組合了高性能的狀態(tài)管理、智能的依賴注入以及快速可用的路由管理。

而實(shí)際上，GetX 還有更多的小工具，示例如下：

路由

路由支持命名路由和匿名路由：

Get.to(() => Home());
Get.toNamed('/home');
// 返回上一個頁面
Get.back();
// 使用下一個頁面替換
Get.off(NextScreen());
// 清空導(dǎo)航堆棧全部頁面
Get.offAll(NextScreen());
// 獲取命名路由參數(shù)
print(Get.parameters['id']);
print(Get.parameters['name']);

GetX 的路由好處是不依賴于 context，十分簡潔，更多路由介紹可以參考：GetX 路由介紹官方文檔。

SnackBar

Flutter 自身攜帶的 SnackBar 有很多限制，而 GetX 的非常簡單，當(dāng)然也有更多的樣式配置和位置配置參數(shù)。

Get.snackbar('SnackBar', '這是GetX的SnackBar');

對話框

對話框也一樣，默認(rèn)的對話框開箱即用。

Get.defaultDialog(
  title: '對話框',
  content: Text('對話框內(nèi)容'),
  onConfirm: () {
    print('Confirm');
    Get.back();
  },
  onCancel: () {
    print('Cancel');
  },
);

內(nèi)存緩存

GetX 可以緩存內(nèi)容對象，以便在不同頁面共享數(shù)據(jù)。使用的時候需要注意，需要先 put 操作再 find操作，否則會拋異常。

Get.put(CacheData(name: '這是緩存數(shù)據(jù)'));
CacheData cache = Get.find();

離線存儲

GetX 提供了一個 get_storage 插件用于離線存儲，與 shared_preferences 相比，其優(yōu)點(diǎn)是純 Dart 編寫，不依賴于原生，因此可以在安卓、iOS、Web、Linux、Mac 等多個平臺使用。GetStorage 是基于內(nèi)存和文件存儲的，當(dāng)內(nèi)存容器中有數(shù)據(jù)時優(yōu)先從內(nèi)存讀取。同時在構(gòu)建 GetStorage 對象到時候指定存儲的文件名以及存儲數(shù)據(jù)的容器。

GetStorage storage = GetStorage();
storage.write('name', '島上碼農(nóng)');
storage.read('name');

更改主題

可以說是一行代碼搞定深色和淺色模式，也可以更改為自定義主題 —— 老板讓你根據(jù)手機(jī)殼改主體顏色的需求已經(jīng)搞定了一大半了！

Get.changeTheme(
  Get.isDarkMode ? ThemeData.light() : ThemeData.dark());
},

更換主題

多語言支持

多語言支持使用數(shù)據(jù)字典完成，在 GetMaterialApp 指定字典對象（繼承自 Translations），使用字符串的時候假設(shè).tr 后綴，就可以在切換語言的時候自動切換字符串對應(yīng)語言的翻譯了。

class GetXDemo extends StatelessWidget {
  // 省略其他代碼
  TextButton(
    onPressed: () {
      var locale = Locale('en', 'US');
      Get.updateLocale(locale);
    },
    child: Text('name'.tr),
  ),
}

class Messages extends Translations {
  @override
  Map<String, Map<String, String>> get keys => {
        'en_US': {
          'name': 'Island Coder',
        },
        'zh_CN': {
          'name': '島上碼農(nóng)',
        }
      };
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      translations: Messages(),
      locale: Locale('zh', 'CN'),
      color: Colors.white,
      navigatorKey: Get.key,
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        brightness: Brightness.light,
      ),
      home: GetXDemo(),
    );
  }
}

GetX 的理念

GetX有三個基本的理念，分別是性能、生產(chǎn)力和組織性（Organization）。

• 性能（Performance）：GetX 關(guān)注性能并最小化資源消耗。GetX 不使用 Stream 或 ChangeNotifier。
• 生產(chǎn)力（Productivity）：GetX 使用簡潔愉悅的語法。不管你要做什么，使用 GetX都會覺得簡便。這使得開發(fā)的時間大大節(jié)省，并且保證應(yīng)用性能的最大化。通常來說，開發(fā)者需要關(guān)注從內(nèi)存中移除控制器。而使用 GetX 的時候，則無需這么做。當(dāng)控制器不被使用的時候，資源會自動從內(nèi)存中釋放。如果確實(shí)需要常住內(nèi)存，那就需要在依賴中聲明 permanent:true。通過這種方式，可以降低內(nèi)存中有過多不必要依賴對象的風(fēng)險。同時，依賴默認(rèn)也是懶加載。
• 組織性（Organization）：GetX 可以將視圖、展示邏輯、業(yè)務(wù)邏輯、依賴注入和導(dǎo)航完全解耦。路由之間跳轉(zhuǎn)無需 context，因此我們的導(dǎo)航不會依賴組件樹。也不需要使用通過 InheritedWidget 的 context 訪問控制器或 BLOC 對象，因此可以將展示邏輯和業(yè)務(wù)邏輯從虛擬的組件層分離。我們也不需要像 MultiProvider 那樣往組件樹中注入 Controller/Model/Bloc 等類對象。因此可以將依賴注入和視圖分離。

GetX 生態(tài)

GetX 有很多特性，使得編碼變得容易。每個特性之間是相互獨(dú)立的，并且只會在使用的時候才啟動。例如，如果僅僅是使用狀態(tài)管理，那么只有狀態(tài)管理會被編譯。而如果只使用路由，那么狀態(tài)管理的部分就不會編譯。

GetX 有一個很大的生態(tài)，包括了大型的社區(qū)維護(hù)，大量的協(xié)作者（GitHub 上看有132位），并且承諾只要 Flutter 存在就會繼續(xù)維護(hù)下去。而且 GetX 兼容 Android, iOS, Web, Mac, Linux, Windows多個平臺。GetX 甚至還有服務(wù)端版本 Get_Server（感覺Flutter要一統(tǒng)程序員界啊，啥時候支持鴻蒙？）。

為了簡化開發(fā)，GetX 還提供了腳手架工具GET_CLI和 VSCode 插件GetX Snippets（也有Android Studio和 Intellij 插件）。提供了如下快速代碼模板：

• getmain：GetX 的 main.dart代碼；

getmain.gif

• getmodel：Model 類代碼，包括了 fromJson 和 toJson 方法

getmodel.gif

• 其他，輸入 getxxxx 根據(jù)提示生成即可，具體參考：GetX Snippets 介紹。

總結(jié)

本篇對 GetX 插件做了簡單的介紹，可以看到 GetX 的生態(tài)確實(shí)很豐富，感覺是一個集大成者，GetX 基本上涵蓋了 Flutter應(yīng)用開發(fā)的很大一部分，如路由、主題、多語言、彈層、狀態(tài)管理、依賴注入、網(wǎng)絡(luò)請求封裝等等。GetX看著像一個框架， 但實(shí)際上它的各個模塊是獨(dú)立的，其實(shí)是一個工具箱。對于開發(fā)的時候，可以用它的全家桶，也可以從中任取所需的模塊到我們的應(yīng)用中使用。