react native expo i18n中缺少翻译

ilmyapht  于 2023-03-31  发布在  React
关注(0)|答案(1)|浏览(177)

所以在我的应用程序中,我需要有我的西班牙语和英语的文本,这取决于它在手机上的配置。无论如何,经过大量的研究,我做的每一次尝试都得出了相同的结论,那就是[missing 'en.Messages' translation]。有人能告诉我我错过了什么或做错了什么吗?

APP.JS

import { loadLocale } from "./i18n";

  const init = async () => {
    await loadLocale();
  };

  useEffect(() => {
    init();
  }, []);

i18n.js

import * as Localization from "expo-localization";
import i18n from "i18n-js";

i18n.defaultLocale = "en";
i18n.locale = "en";
i18n.fallbacks = true;

export const loadLocale = async () => {
  for (const locale of Localization.locales) {
    if (i18n.translations[locale.languageCode] !== null) {
      i18n.locale = locale.languageCode;
      switch (locale.languageCode) {
        case "en":
          import("./translations/en.json").then((en) => {
            i18n.translations = { en };
          });
          break;
        default:
        case "es":
          import("./translations/es.json").then((es) => {
            i18n.translations = { es };
          });
          break;
      }
      break;
    }
  }
};

export default i18n;

翻译文件夹

inside the translations folder are 2 files call en.json / es.json
{
    "Messages": "Messages!",
}

Messages.js

import i18n from "../i18n";

<Text>{i18n.t("Messages")}</Text>
yfwxisqw

yfwxisqw1#

请在加载区域设置之前尝试设置defaultLocale。

import { loadLocale } from "./i18n";

     i18n.defaultLocale = "en";
     i18n.locale = "en";
     i18n.fallbacks = true;

  const init = async () => {
    await loadLocale();
  };

  useEffect(() => {
    init();
  }, []);

相关问题