17 年 3 月份，为了解决商城性能和用户体验问题，云音乐技术团队组建了一只 4 人 ReactNative 开发小分队：我负责 RN 前端开发，安卓和 iOS 两位开发负责在云音乐 App 里面嵌入 RN Native SDK，还有一位 Java 开发来负责部署平台工作。 商…

在移动端开发中列表页是非常常见的页面，在React Native中我们一般使用FlatList或SectionList组件实现这些列表视图。通常列表页都会有大量的数据需要加载显示，这时候就用到了分页加载，因此对于列表组件来说，实现下拉刷新和上拉加载在很多情况下是必不可少的。 本…

为了保证在低版本的机型也能正常显示页面，可以引入 viewport-units-polyfill 来处理 vw 的兼容问题。 viewport-units-polyfill 其实是 viewport-units-buggyfill 的简化版。 简单介绍下 viewport-un…

react-native开发中常见的问题汇总，以下是我最近在项目开发中遇到的常见的问题，做以下记录以便后续项目中使用。 1. 监听网状连接状态的变化 2. 处理特殊页面的回退按钮和物理回退事件 3. createStackNavigator, createBottomTabNa…

在App开发中经常需要做模态框，我们第一时间就会想到 React Native 的 Modal 组件，确实Modal组件很方便。但也有一些不尽人意的地方，在安卓App开发的过程中发现，Modal不会覆盖状态栏，就会导致Modal的背景色和状态栏的颜色不一致，即使是设置了沉浸式状…

耗时近两月，一个React Native项目。 1. 引入 2. 功能 3. 主要依赖 4. 后台 同样在leanCloud上编写nodejs云函数，负责部分项目逻辑，如定时更新等功能。 5. 总结 强烈推荐使用redux进行状态管理，redux前期上手可能比较难，但后面绝对能…

1. 前言 最近盯上了app store中的动画效果，感觉挺好玩的，嘿嘿~ 恰逢周末，得空就实现一个试试。不试不知道，做完了才发现其实还挺简单的，所以和大家分享一下封装这个组件的过程和思路。 2. 需求分析 哇，这个动画是不是很有趣，很神奇。为此，可以给它取个洋气的名字：神奇移…

reducer 的最佳实践主要分为以下几个部分 ✦ 抽离工具函数，以便复用。 ✦ 抽离功能函数（case function），精简 reducer 声明部分的代码。 ✦ 根据数据类别拆分，维护多个独立的 slice reducer。 ✦ 合并 slice reducer。 ✦ 通过 crossReducer 在多个 slice reducer 中共享数据。 ✦ 减少 reducer 的模板代码。 接下来，我们详细的介绍每个部分

React Native vs. Cordova、PhoneGap、Ionic，等等 (待翻译) 如果你是一名设计师，你所在的团队使用(或正在考虑使用)的技术是 React ，或者你只是单纯对 “React” 比较好奇的话，那么本文就是为你而准备的。 在文本中，我只使用朴实的语…