Flutter 全能型选手GetX —— 多语言配置/主题设置/离线缓存

问题描述

• 简介
• 依赖管理
• 路由管理
• 状态管理
• 主题配置
• 多语言配置
• 离线缓存
• 网络请求

一、多语言配置

首先新建一个Messages类继承Translations

class Messages extends Translations {
  @override
  Map<String, Map<String, String>> get keys => {
        "en_US": {
         Globalization.english: "english",
       
        },
        "zh_CN": {
         Globalization.english: "英语",
     
        }
      };
}

接着声明一个常量类来存放key，方便引用

class Globalization {
  static const String english = "english";
  
}

然后在GetMaterialApp里配置
 

GetMaterialApp(
      translations: Messages(),
      locale: const Locale('zh', 'CN'),
        fallbackLocale: Locale('en', 'US')
          ...
    );

translations 传入的就是我们定义好的继承自 Translations 的类的对象，locale 则是我们默认使用的语言，fallbackLocale 则是当我们默认语言资源没有时就会使用 fallbackLocale 配置的资源。

最好一步就是使用了。如下所示：

Text(Globalization.english.tr);

如果你想获取系统语言环境可以使用如下

return GetMaterialApp(
    locale: Get.deviceLocale,
);

如果你想改变语言环境可以设置如下

var locale = Locale('en', 'US');
Get.updateLocale(locale);

二、离线存储

GetX 可以缓存内容对象，以便在不同页面共享数据。使用的时候需要注意，需要先 put 操作再 find操作，否则会抛异常。

首先是内存缓存

Get.put(CacheData(name: '这是缓存数据'));
CacheData cache = Get.find();

GetX 提供了一个 get_storage 插件用于离线存储，与 shared_preferences 相比，其优点是纯 Dart 编写，不依赖于原生，因此可以在安卓、iOS、Web、Linux、Mac 等多个平台使用。GetStorage 是基于内存和文件存储的，当内存容器中有数据时优先从内存读取。同时在构建 GetStorage 对象到时候指定存储的文件名以及存储数据的容器。

GetStorage storage = GetStorage();
storage.write('name', 'river');
storage.read('name');

三、主题设置
 

设置为浅色主题Get.changeTheme(ThemeData.light());
设置为深色主题Get.changeTheme(ThemeData.dark());
 
放在一个onPressed中，根据Get.isDarkMode判断

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

 GetMaterialApp中设置默认主题
 GetMaterialApp(
    theme:  ThemeData.light(),
    darkTheme: ThemeData.dark(),
    themeMode: ThemeMode.light
)

 

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）