multilingual 相关问题

这是我在 en.json 中的代码： “轮廓”： { "spend": "花费超过 $%{amount}", } 在我的组件 MemberCard.tsx 中： {i18n.t('profile.spend', {金额: 这是我的代码en.json： "profile": { "spend": "spend more than $%{amount}", } 在我的组件中MemberCard.tsx： {i18n.t('profile.spend', {amount: <Text style={{color: "red"}}>$100</Text>})} 但是，UI 返回 spend more than $[object Object] 我正在引用 i18n-js Doc 上的示例。 const i18n = new I18n({ en: { greetings: "Hi, %{name}!" }, "pt-BR": { greetings: "Olá, %{name}!" }, }); i18n.interpolate = (i18n, message, options) => { // ... }; return <Text>{i18n.t("greetings", { name: <BoldText>John</BoldText> })}</Text>; 有没有使用 i18n-js 设置值样式的解决方案？我在下面添加的代码属于 i18n 库，我积极使用它来支持多语言。我希望这能给你一个想法。如果您对此方法有任何疑问，我很乐意回答。 i18.tsx 文件； import i18n from "i18next"; import {initReactI18next} from "react-i18next"; import {getLocales} from "react-native-localize"; i18n.use(initReactI18next).init({ compatibilityJSON: 'v3', lng: getLocales()[0].languageCode, fallbackLng: 'en', resources: { en: { translation: { 'ok': 'Ok', 'cancel': 'Cancel', }, }, it: { translation: { 'ok': 'Bene', 'cancel': 'Annulla', }, }, ru: { translation: { 'ok': 'Хорошо', 'cancel': 'Отмена', }, }, es: { translation: { 'ok': 'Bueno', 'cancel': 'Cancelar', }, }, de: { translation: { 'ok': 'Ok', 'cancel': 'Absagen', }, }, tr: { translation: { 'ok': 'Tamam', 'cancel': 'İptal', }, }, }, }); export default i18n; App.tsx 文件； import {getLocales} from 'react-native-localize'; import AsyncStorage from '@react-native-async-storage/async-storage'; import i18n from './src/localize/i18n'; const LanguageKey = '@Language_Key'; // call the language page so that constant values are loaded. const initI18n = i18n; export default function App() { const getData = async (key: string) => { try { const value = await AsyncStorage.getItem(key); if (value !== null) { if (key === LanguageKey) { // If there is a saved language value at startup, change the language. i18n.changeLanguage(value); } } else { if (key === LanguageKey) { // Since there is no language value registered initially, the system language is set. i18n.changeLanguage(getLocales()[0].languageCode); } } } catch (e) {} }; useEffect(() => { getData(LanguageKey); }, []); return ( <SafeAreaProvider> </SafeAreaProvider> ); } HomeScreen.tsx 文件； import {useTranslation} from 'react-i18next'; function HomeScreen() { const {t} = useTranslation(); return ( <View> <Text> {t('ok')} </Text> <Text> {t('cancel')} </Text> </View> ); } Settings.tsx 文件； import {useTranslation} from 'react-i18next'; import {getLocales} from 'react-native-localize'; import AsyncStorage from '@react-native-async-storage/async-storage'; const LanguageKey = '@Language_Key'; import i18n from './src/localize/i18n'; function SettingsView() { const {t} = useTranslation(); function AppLanguageView({navigation}: any) { function LanguageButton({ languageCode, languageText, countryFlagCode, }: any) { function changeLanguage(language: any) { storeData(LanguageKey, language); i18n.changeLanguage(language); } return ( <Pressable onPress={() => changeLanguage(languageCode)}> <View> <Text>{languageText}</Text> </View> </Pressable> ); } return ( <SafeAreaView> <LanguageButton languageCode="en" languageText={t('english')} countryFlagCode="US" /> <LanguageButton languageCode="tr" languageText={t('turkish')} countryFlagCode="TR" /> <LanguageButton languageCode="ru" languageText={t('russian')} countryFlagCode="RU" /> <LanguageButton languageCode="es" languageText={t('spanish')} countryFlagCode="ES" /> <LanguageButton languageCode="de" languageText={t('german')} countryFlagCode="DE" /> <LanguageButton languageCode="it" languageText={t('italian')} countryFlagCode="IT" /> <LanguageButton languageCode="fr" languageText={t('french')} countryFlagCode="FR" /> </SafeAreaView> ); } return ( <View> <AppLanguageView /> </View> ); }

react-native multilingual i18n-js

回答 1 投票 0

如何使用 Transloco 为 Angular 上的多语言网站设置正确的 html 属性“lang”？

我使用 Transloco 在 Angular 上制作了多语言网站（3 种语言）。意味着，我没有每种语言都有不同的页面版本或子域，我只有 Transloco json f 中的所有文本内容...

angular single-page-application multilingual lang transloco

回答 1 投票 0

polylang 插件的默认语言不起作用

我安装了 Polylang 插件并进行了配置，但是当我将默认语言设置为波斯语时遇到问题，网站以英语模式加载，如果更改默认语言则不尊重...

wordpress multilingual

回答 10 投票 0

Android 中的阿拉伯文镜像布局问题

我目前正在Android平台上开发一个支持多语言（即阿拉伯语和英语）的应用程序。我准备了英语和阿拉伯语的两个超值套餐。我正在使用...