react native 多语言国际化组件react-native-i18n上 Android篇

import React, { Component } from 'react';
import { Text, View } from 'react-native';
import I18n from 'react-native-i18n';
 
// 设置语言环境
I18n.fallbacks = true; // 允许指定语言没有翻译时回退到默认语言
I18n.translations = {
  en: {
    greeting: 'Hello',
  },
  fr: {
    greeting: 'Bonjour',
  },
};
 
export default class App extends Component {
  render() {
    // 获取当前语言的翻译文本
    const greeting = I18n.t('greeting');
 
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Text>{greeting}</Text>
      </View>
    );
  }
}

这段代码演示了如何在React Native应用中使用react-native-i18n库来实现多语言界面。首先，我们设置了一些简单的翻译文本，然后在组件渲染时获取并显示当前语言环境下的翻译文本。这个例子简单明了，并且可以作为在Android设备上进行国际化开发的基础。