今天我们来看下ReactNative的数据流框架Flux。Flux是Facebook用来构建用户端的web应用的应用程序体系架构。它通过利用数据的单向流动为React的可复用的视图组件提供了补充。相比于形式化的框架它更像是一个架构思想，不需要太多新的代码你就可以马上使用Flux构建你的应用。React 标榜自己是 MVC 里面 V 的部分，那么 Flux 就相当于添加 M 和

三年前写了一篇文章叫《NativeApp、WebApp、HybridApp三分天下》，文章中分析了App开发常用的开发模式，这些模式的利弊、未来的发展。    今天又要谈到这个话题，fackbook推出的React-Native以惊人的姿势进入到前端（客户端＋web）开发人员的视野，是App开发模式的里程碑式革新，还只是博人眼球的闹剧。     React Native 是由Faceboo

在查看ReactNative的官方文档的时候，你会发现其实Fackbook是没有提供图片上传功能的。如果我们的项目里需要使用图片上传（用JS 实现图片上传），那我们有没有什么办法呢？通过搜索react-native的github， 会发现里面有这么一篇文章：https://github.com/facebook/react-native/issues/5308解决方案：采用FormData来实现，

在我们编写RN代码的时候经常会出现一个错误，undefined is not an object(evaluating 'this.refs' ).undefined is not an object错误，提示我们未知的对象，该句话的含义就是我们没有定义该对象。但是this就是当前对象，为什么还会出现如此问题？只有一种可能，就是当前引用的this和this.setState的this不是指向同

关于http请求的工具类，有很多，譬如：httpclient，okhttp。那么关于RN的处理HTTP请求的工具类呢，目前还没有找到，所以自己简单封装了一个，避免代码里到处都是fetch方法。好了，完整代码如下：var HTTPUtil = {};/*** 基于 fetch 封装的 GET请求* @param url* @param params {}* @param head

今天，我们来看看RN怎么处理网络请求的，主要来看看fetch API。还是，先来看看官网怎么说的。Using Fetch React Native provides the Fetch API for your networking needs.Fetch will seem familiar if you have used XMLHttpRequest or

在现阶段我们的RN实践都是基于已发布过的APP，譬如将从某个入口进入的子模块都替换成RN页面。那么我们可以将这个子模块设计成一个通用RN容器，所有的RN页面都在RN容器内部跳转。RN容器在iOS使用UIViewController、Android使用Activity或者Fragment，加载bundle文件，正常情况下，一个模块只有一个bundle文件。要实现页面的跳转，我们可以使用Navigat

上一篇文章写了ReactNative自带的MapView，很显然不是我们想要的。今天我们介绍一下一个开源的百度地图开源组件，详细描述它的使用方法。开源地址：https://github.com/lovebing/react-native-baidu-map   百度地图 React Native 模块，支持 react native 0.30+好，我们来描述它的使用步骤，以及需要注意的问题，我是在

今天，偶然翻Github发现了KeyboardAvoidingView，原来FaceBook的开发者们也意识到了键盘遮挡的问题。从0.31版本开始，提供了官方的解决方案。源码地址如下：https://github.com/facebook/react-native/blob/master/Libraries/Components/Keyboard/KeyboardAvoidingView.js使用

ReactNative提供了RefreshControl下拉刷新组件，但是没有提供上拉刷新组件，上拉刷新在App中是很常用的。今天我们来实现一个iOS和Android通用的上拉刷新功能。下面简要介绍下我实现的思路。如果你对ListView的基础知识不是很清楚，建议先移步：《React-Native系列》16、 RN组件之ListView思路：1、常量定义：const