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

112 浏览量 2020-11-28 22:44:21 上传评论收藏 228KB PDF 举报

资源推荐

资源详情

资源评论

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

开篇啰嗦开篇啰嗦–阶段感悟阶段感悟

最近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~~~',

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: '支持我们～~',

demo: {

dialog: '提示框',

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

评论收藏

内容反馈

weixin_38688380

粉丝: 2
资源: 956

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

React Native i18n国际化实现多语言切换

react-native-globalize：React Native的国际化（i18n）

react-i18nizereact一顿饭功夫就能将react应用程序国际化

react-native-i18n：React Native + i18n.js

react-native-waterfall:用于React Native的虚拟化和无限瀑布布局组件

react-native-localize：React一个用于React Native应用本地化的工具箱

react-在React项目中添加复杂翻译i18n的简单方法

Android-react-native-localize.zip

react-native-localization-example：使用react-native-localization的示例

redux-react-native-i18n：用于Redux上的React Native应用程序的i18n解决方案

i18next-react-native-async-storage:i18n插件可将用户的语言保留在React Native的异步存储中

react-native-popper:帮助您使用React Native创建可自定义且可访问的Popovers工具提示

react-native-cropper-tool:用于React-Native的图像裁剪工具

react-native-create-library：使用单个命令创建React Native库的命令行工具

Javascript/Vue/React/ReactNative的国际化解决方案

React-intl 实现多语言的示例代码

React正确的国际化。 使用 i18next i18n 生态系统。

react模式中英文版本

React Native 瀑布流列表

React-Native使用ART实现水波纹动画、波浪线、声波音频波动效果(附源码)

瀑布流布局 WaterfallLayout

react-native-waterfallList

dooboo-cli:React＆React Native CLI工具。 轻松创建用于react＆react-native的模板

详解React Native开源时间日期选择器组件(react-native-datetime)

react-native-button-toggle-group:React Native的动画按钮切换组

react-native-duo-toggle-switch:完全可定制的 React Native 动画双切换开关

react-native-redash:React Native复活和手势处理程序工具带

react-native-popable:弹出窗口，React Native的工具提示

最新资源

React正确的国际化。使用 i18next i18n 生态系统。

dooboo-cli:React＆React Native CLI工具。轻松创建用于react＆react-native的模板