要在app.config.js Expo文件中实现国际化,你可以使用react-native-localize库来处理多语言支持。以下是一个解决方法的示例:
npm install react-native-localize
import * as Localization from 'expo-localization';
import i18n from 'i18n-js';
const supportedLanguages = ['en', 'fr']; // 支持的语言
const fallbackLanguage = 'en'; // 默认语言
i18n.translations = {
en: require('./translations/en.json'), // 英语翻译文件
fr: require('./translations/fr.json'), // 法语翻译文件
};
i18n.locale = Localization.locale;
i18n.fallbacks = true;
en.json:
{
"hello": "Hello",
"goodbye": "Goodbye"
}
fr.json:
{
"hello": "Bonjour",
"goodbye": "Au revoir"
}
import React from 'react';
import { Text } from 'react-native';
import i18n from './app.config';
export default function App() {
return (
{i18n.t('hello')}
);
}
这样,根据设备的语言设置,你的应用程序将显示相应的翻译文本。
希望这个示例能帮到你!