react-native

A collection of 5 posts
i18n在rn中的实现范例
react-native Featured

i18n在rn中的实现范例

初始化 * 略 允许用户手动设置App语言 如果允许用户设置App语言,那么我们需要持久化一个全局状态来保存用户选择的语言。这里我们使用redux和redux-persist插件来完成。 * 第一步,定义一个action type,在src/redux/action.js文件中: /* * 本文件用于定义action常量,所有常量声明及对应值必须大写 */ const USER_SET_LANGUAGE = 'USER_SET_LANGUAGE'; // 用户手动设置语言 export { USER_SET_LANGUAGE }; * 第二步,定义一个actionCreator函数,构造action对象,在src/redux/actionCreators.js文件中: /* * 本文件用于定义创建action对象的函数 * 在创建action对象时,必须包含action类型,以及action改变全局状态的最小数据集(payload) */ import * as actionType from './actions'; // languageCode
6 min read
[BUG] RN低版本(<0.60.0)与新版xcode兼容性bug
react-native

[BUG] RN低版本(<0.60.0)与新版xcode兼容性bug

* 公司内部项目 XXX 需要进行二次开发,此时开发机环境如下: * xcode:Version 11.5 * cocopods:1.9.1 * 项目情况如下: { "version": "0.0.1", "private": true, "scripts": { "start": "node node_modules/react-native/local-cli/cli.js start", "test": "jest", "postinstall": "sed -i '' 's/#import /#import \"RCTValueAnimatedNode.h\"/' ./node_modules/react-native/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.
3 min read
关于 React Native 0.61 集成的 “Fast Refresh” 功能
react-native

关于 React Native 0.61 集成的 “Fast Refresh” 功能

React Native 0.61 版本已正式发布, 其中集成了一种名为 “Fast Refresh(快速刷新)” 的全新的实时重载功能。 > 译者注:由于个人水平有限,翻译可能有不准确的地方,望谅解。如果发现有翻译不准确的地方,可以留言或是于Github上提交:react-native-docsZh。 > 译者注:由于译者本身缺乏对于原有的 hot reloading 与 live reloading 原理的深入认识,导致部分内容翻译并不准确(斜体标注),如您知晓,请留言告知! Fast Refresh 在 React Native 社区中,众多开发者提交的常见痛点 [https://github.com/react-native-community/discussions-and-proposals/issues/64] 之一就是 “hot reloading(热重载)” 功能实用性极差,它无法兼容众多的功能组件,导致无法实时刷新,
4 min read
关于 Doctor, 一个全新的 React-Native 开发环境自检工具
react-native

关于 Doctor, 一个全新的 React-Native 开发环境自检工具

译者注:由于个人水平有限,翻译可能有不准确的地方,望谅解。如果发现有翻译不准确的地方,可以留言或是于Github上提交:react-native-docsZh。 注意:本文介绍的工具,作者本人仅在OSX系统下进行过测试! 在来自React-Native开源社区6位贡献者20余次提交后,我们将迎来一条全新的命令:react-native doctor,它将极大的帮助新手入门,自动寻找开发环境相关的故障并进行修复,该命令受到Expo 与 Homebrew 的 doctor 命令启发而诞生,同时我们也融合了 Jest 在命令行中使用的优秀 ui 范式。在此,向他们致敬! 工作流程如下方视频(观看或需VPN)所示: 命令如何工作 该 doctor 命令当前支持 React Native 依赖的大多数软件和库,如CocoaPods,Xcode 和 Android SDK。doctor 将自动查找开发环境存在的问题,并提供自动修复问题的选项。如果 doctor 无法自动解决问题,
2 min read
[0.55] React Native 中文更新日志
react-native Featured

[0.55] React Native 中文更新日志

译者注:由于个人水平有限,另外翻译changelog需要阅读大量PR,翻译可能有不准确的地方,望谅解。如果发现有翻译不准确的地方,可以留言或是于Github上提交:react-native-docsZh。 欢迎来到2018年3月的React Native发布!自二月份以来,超过81名社区开发者提交了247次提交。 新的亮点: * React Native现在已经全面改为MIT license (译者注:原来的许可为BSD+Patents license) * 已支持 Android TV 设备的开发 * 使用原生驱动的Animated tracking(动画跟踪) - 示例可查 silky smooth framerate * 众多的流程改进 * Bug修复 通用 增加的新特性 * 增加对原生驱动的Animated tracking(动画跟踪)的支持,现在你
7 min read
湘ICP备18004308号-1 湘ICP备18004308号-2