不變旋律

偷懒直接使用第三方库完成微信授权登录、分享和支付功能。主要演示了授权登录过程中怎样获取openId、unionId，调起支付时的详细过程。

二维码扫描已经是移动app中很常见的功能了，原生端实现扫码是非常简单的事，Android一般使用ZXing库来实现，iOS可以使用原生SDK、ZXing或ZBar的SDK来实现。React Native中要实现二维码扫描无外乎两种方式： 原生端封装扫码功能组件，RN端rende…

在app开发过程中数据存储是必不可少的，RN中数据存储一般都用AsyncStorage。但是对于大批量的数据持久化存储，最好还是用数据库来存。RN中并没有提供直接的数据库存储API，需要我们自己根据iOS和Android进行封装调用。 Github上有个库提供了对原生sqlit…

我的上篇文章中简单介绍了RN与原生基本的页面跳转，本篇主要总结RN和原生之间的数据传递方式，讲解RN和原生端之间如何互相传递数据。 在上一篇文章中已经说明了怎样分别在iOS和Android端创建module类，怎样使用。这里不再赘述。RN向原生传递数据需要我们在module类中…

React Native(以下简称RN)开发app过程中大部分都可以在JS端完成，但是也有一些功能是需要原生端来完成的。这时RN与原生端就不可避免的需要进行交互，比如页面跳转和数据传递。本篇文章主要以RN——原生、原生——RN——原生为例来讲解如何进行基本的页面跳转操作。 关于…

在开发App的过程中我们会用到各种图标，经实践发现一个问题，在React Native中使用图片来显示图标加载会非常慢，经常出现图标留白，半天才加载出来的情况。这种时候使用字体图标就能够很好解决这个问题。与图片相比，使用字体图标有哪些好处呢？ React Native中使用字体…

前文中我已经介绍过了react-native-video这个库并且用它实现了一个全屏播放的demo，基本上把实现全屏的原理讲解清楚了。本篇文章是在前作的基础上重新撰写一个简单的视频播放器App，分享并总结一下个人的经验。 播放器的UI参考了腾讯视频、爱奇艺等主流播放器，主要参照…

react-native-video是github上一个专用于React Native做视频播放的组件。这个组件是React Native上功能最全最好用的视频播放组件，还在持续开发之中，虽然还有些bug，但基本不影响使用，强力推荐。 本篇文章主要介绍下怎么使用react-na…

react-navigation是React Native中非常著名的一个页面导航库，可以实现各种页面跳转，它是React Native社区总结出来的精华。有了这个库，我们可以实现类似iOS中UINavigationController的导航效果、常见的tabBar页面和And…