位置: 编程技术 - 正文

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

编辑:rootadmin

推荐整理分享详解React-Native全球化多语言切换工具库react-native-i18n(react native community),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:react-native-elements,react-native-reanimated,react native realm,react-native-elements,react native realm,react-native-fs,react native realm,react-native-reanimated,内容如对您有帮助,希望把文章链接给更多的朋友!

开篇??篓C阶段感悟

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

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

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

废话??峦炅耍?瞎婢兀?a rel="external nofollow" target="_blank" href=" (虽然我不怎么工作了,但是git还是每天会花时间看看)

库属性介绍:

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

使用:

1.install (略,git里都写着了,就是npm那些事)

2.项目中使用

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

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

然后是中文的zh/index.js

属性名,结构是一致的只是属性不同,当然这里是静态的2个文件,如果场景需要可以服务端下发json,那就是完全动态的了,这部分看业务需求了。

2.1 默认的语言环境

我们在上面写了2种语言配置,那么哪种作为初始化的呢?在业务层调用前,我们可以先进行预设

in/index.js

这边进行了一些预设,默认语境为en,允许fallbacks状态(为true时,顺序向下遍历翻译),预设转换的文件就2个,一个en一个zh,这个你也可以自行后续添加根据需求而定。

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

2.2 业务层调用

先是倒包

import {in} from '你预设的index的目录';

调用(拿一个Toast做个例子)

两种输出结果如下:

源码分析

这个库的实现分为2部分,一部分是Native的版本判断等功能以及js部分的核心实现fnando/in-js

in-js是一个轻量级的js翻译库,他支持各种格式和内容的换算和语言内容的切换,地址如下: In.js做的那么Native做了些啥呢?我们来一探究竟(以安卓为例,苹果看不懂,抱歉)

Native代码就两个类,所以我之前说你直接把Native代码copy走然后项目依赖In.js也能达到这个效果

RNInPackage是一个普通的Package类,它的作用就是把我们的module加到主应用的getPackages()方法中的列表里,然后一起打进包里而已。

具体功能都在RNInModule里

加一个toast看下locale会出现什么

效果如下:

本想一探究竟内部的实现,结果是个不公开的类

总结:

首先Native那里获取本手机的LocaleList然后格式化取第一个元素交由In.js处理,然后In.js根据key选用一套有效的语言规则,再之后流程就和使用时候的顺序一样了。 整个库集成难度较低,使用起来比较简便,使用下来没碰到大坑,配合redux更美味。

标签: react native community

本文链接地址:https://www.jiuchutong.com/biancheng/369717.html 转载请保留说明!

上一篇:js 客户端打印html 并且去掉页眉、页脚的实例(js浏览器打印)

下一篇:React-intl 实现多语言的示例代码(react either)

  • 2023小规模纳税人所得税税收优惠政策
  • 小规模减免增值税
  • 进项税转出的金额含税吗
  • 简易计税是否要申报个税
  • 专票现金支付规定
  • 培训费的其他费用是什么
  • 印花税不计入应交税科目吗?
  • 2021新版利润表
  • 非增值税应税项目可以抵扣进项税吗
  • 单位投资非盈利性组织怎样核算
  • 零申报企业年报资产总额怎么填
  • 物业公司收取电费加价依据
  • 代理进口产品需要什么手续
  • 劳务票一般开几个点
  • 企业的福利费如何使用
  • 企业所得税季报弥补以前年度亏损怎么填
  • 虚开发票可以做进项税额转出分录吗?
  • 小规模纳税人增值税减免
  • 应税劳务、服务清单
  • 存货折扣怎样做账
  • mac如何修改图片像素大小
  • 总资产报酬率怎么查
  • osx无法安装怎么办
  • PHP mysql_result()函数使用方法
  • 房地产会计工资一般多少
  • unity默认存储路径
  • PHP:curl_reset()的用法_cURL函数
  • 本月购买原材料怎么入账
  • PHP:imagepsextendfont()的用法_GD库图像处理函数
  • 夕阳下的大白鲨过山车,美国新泽西州 (© John Van Decker/Alamy)
  • phpexcel插件
  • 个税收入额是什么意思
  • 发票已开,款未到的会计分录
  • php 字符串处理函数
  • 爬虫基本原理有哪些
  • 交通银行手机银行网页版
  • php实现页面静态化
  • java rest接口
  • 已经结账的账目怎么冲红
  • 驱动开发做得长久吗
  • 企业收到收据老会计怎么入账
  • 库存商品和固定成本区别
  • 其他支出怎么做账
  • 记帐时借方是什么意思
  • 小规模差额征税可以开专票吗
  • 进口货物如何支付外汇
  • 未收到货款但发货怎么办
  • 去年留抵税额会计分录
  • 已核准未登记名称我可以注册吗
  • 水电费没有票怎么做账
  • 公司注销其他应付款怎么冲平
  • 小规模纳税人退税账务处理
  • 投资性房地产转换计入其他综合收益
  • 公司举行活动发言稿范文
  • 预支报销怎么做账
  • 对公账户可以转让吗
  • 包工包料如何核算成本
  • 增值税为负值时当年可抵扣的进项税
  • 进项税额准予抵扣是什么意思
  • 什么服务费发票可以免税的
  • 加油票怎么做会计分录
  • mysql8.0 主从
  • sql的常用函数
  • windows server 2008 日志文件在哪
  • 安装软件报错1606
  • macbookpro4399小游戏
  • windows8怎么打开开始菜单
  • linux查看所有硬件信息命令
  • win7如何查看电脑主板型号
  • 如何更改忘记密码中的问题
  • 批处理 判断文件是否存在
  • 变量赋值的含义
  • nodejs的http
  • BaseAdapter数据刷新,自定义BaseAdapter
  • nodejs开启多线程
  • javascript要学到什么程度
  • css实现遮罩层
  • 1988年中华人民共和国印花税票五元
  • 进口小麦关税税率是多少
  • 两税法的历史解释
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设