详解React-Native全球化多语言切换工具库react-nati

日期：2020-05-11 栏目：程序人生浏览：次

开篇啰嗦–阶段感悟

最近2 -3个月基本都因为一些私事没怎么系统的工作和学习，途中看了几天Kotlin的东西写了些demo并且整了个小项目，但是整体状态不是很好，这些天看到些95后码农的强势细思极恐。

现在大多数醒来就已经是中午，起得早去一下健身房，起的晚就家里宅一天。公司有事或者有其他家事就去协调/沟通/处理下，整个人感觉都提前进入养老状态（当然这个锅有一半是沉迷王者荣耀不可自拔，不太好）

最近项目上基本没啥事情了，然后让手下的小伙伴们对之前做的一些内容进行二次封装，然后他们引用了一个第三方国际化的库我觉得不错，然后看了看源码就分享下，希望大家用得上（虽然现在产品的受众群都是国内的，但是准备下好像没毛病？）

废话啰嗦完了，老规矩：https://github.com/ddwhan0123/Useful-Open-Source-Android （虽然我不怎么工作了，但是git还是每天会花时间看看）

库属性介绍：

项目地址：https://github.com/AlexanderZaytsev/react-native-i18n

属性	解释
支持RN版本	所有版本
支持平台	iOS+Android
是否需要NativeModule	是
是否可移植	是
是否含有jni模块	否

使用：

1.install （略，git里都写着了，就是npm那些事）

2.项目中使用

因为是一些静态属性引用，所以你用redux做储存替换也可以，直接做饮用也可以(本文拿en,zh为例)。

首先是建英文版本的配置文件，en/index.js

export default {
 home: {
  greeting: 'Greeting in en',
  tab_home: 'Home',
  tab_donate: 'Donate',
  tab_demo: 'Demo',
  language: 'language',
  live_demo: 'Live Demo',
  buy_me_coffee: 'Buy me a coffee',
  gitee: 'Gitee',
  star_me: 'Star me',
  donate: 'donate',
  exit: 'exit?',
 },
 donate: {
  donate: 'donate us~~~',
  donate_desc: '© 2017 Pactera Technology International Limited. All rights reserved.',
 },
 demo: {
  dialog: 'dialog',
  button: 'button',
  switch: 'switch',
  action_sheet: 'Action Sheet',
 }
};

然后是中文的zh/index.js

export default {
 home: {
  greeting: 'Greeting in zh',
  tab_home: '首页',
  tab_donate: '捐赠',
  tab_demo: '例子',
  language: '语言',
  live_demo: '例子',
  buy_me_coffee: '请我一杯coffee',
  gitee: 'Gitee',
  star_me: '关注我',
  donate: '贡献',
  exit: '是否退出?',
 },
 donate: {
  donate: '支持我们～~',
  donate_desc: '© 2017 Pactera Technology International Limited. All rights reserved.',
 },
 demo: {
  dialog: '提示框',
  button: '按钮',
  switch: '开关',
  action_sheet: '',
 }
};

转载注明出处：http://www.heiqu.com/800.html

详解React-Native全球化多语言切换工具库react-nati

相关推荐