在 GetX 中使用 JSON 文件进行本地化

Question

我正在尝试阅读翻译文件，例如。 en.json 用于 GetX 本地化。我尝试了以下代码但没有成功。有更好的方法吗？有人建议将 auto_localize 与 GetX 一起使用，但如果我可以在没有额外软件包的情况下继续进行，我将非常

  Map<String, Map<String, String>> get keys => {
        "ar": readJson("ar"),
        "en": readJson("en"),
}

感激尝试使用以下函数 DebugPrint() 加载本地化信息

 // Fetch content from the json file
  Map<String, String> readJson(String languageCode) {
    Map data = {};
    rootBundle
        .loadString('assets/translations/$languageCode.json')
        .then((response) {
      data = json.decode(response);
    });
    return data.map((key, value) {
      return MapEntry(key, value.toString());
    });
  }

，显示文件已成功加载。但是，尝试显示加载的地图不起作用

Answer 1

readJson 应该是 Future，因此最后返回空 Map。

方式

• 我创建 languages.json 文件并将所有文本放入其中的

[
  {
    "name": "English",
    "code": "en_US",
    "texts": {
      "hello": "Hello World"
    }
  },
  {
    "name": "Arabic",
    "code": "ar_AE",
    "texts": {
      "hello": "مرحبا بالعالم"
    }
  }
]

• 。像这样实现本地化类

class LocalizationService extends Translations {

  @override
  Map<String, Map<String, String>> get keys => {};

  static Future<void> initLanguages() async {
    final _keys = await readJson();
    Get.clearTranslations();
    Get.addTranslations(_keys);
  }

  static Future<Map<String, Map<String, String>>> readJson() async {
    final res = await rootBundle.loadString('assets/languages.json');
    List<dynamic> data = jsonDecode(res);
    final listData = data.map((j) => I18nModel.fromJson(j)).toList();
    final keys = Map<String, Map<String, String>>();
    listData.forEach((value) {
      final String translationKey = value.code!;
      keys.addAll({translationKey: value.texts!});
    });
    return keys;
  }
}

正如您在获取地图数据后所看到的，我使用 Get.addTranslations(); 设置语言键。
这是一个 GetX 函数，用于在广播中添加语言！

• 创建模型类来解析 json 数据

class I18nModel {
  String? name;
  String? code;
  Map<String, String>? texts;

  I18nModel(
      {this.name, this.code, this.texts});

  I18nModel.fromJson(Map<String, dynamic> json) {
    name = json['name'];
    code = json['code'];
    if (json['texts'] != null) {
      texts = Map<String, String>.from(json['texts']);
    }
  }
}

• 最后在进入第一个路由之前调用 await LocalizationService.initLanguages(); 。