这次我们来填React Native生命周期的坑。这一点非常重要，需要有一个清晰的认识。如果你了解Android或者iOS的话，你会非常熟悉我们今天要说的的内容。基本上一个React Native的组件会经历三个阶段最终渲染在界面上，他们分别是：开始渲染、更新、卸载。开始渲染：componentWillMountcomponentWillMount(): void组件开始渲染的时候调用这个方法co

比较精细的动画可以用Animated来控制。但是，在一些简单的界面切换、更新的时候所做的动画里再去计算开始值、结束值和插值器如何运作绝对是浪费时间。RN正好给我们提供了LayoutAnimation来解决这个问题。按照官方的说法：LayoutAnimation就是用于在下一个绘制或者布局周期（render/layout cycle)里处理界面中全部视图的动画的。下面看一个例子：export def

处理多点触控手势

从React过来，发现React Native（以下简称RN）居然没有Button。隔壁的iOS是有UIButton的，隔壁的隔壁的Android里也是有的。没有Button，就没有点击效果啊。这还真是让人郁闷了。坑什么叫Button。略去各种细节可以得出一个定义：可以处理用户点击，在用户按下的时候有按下的效果，松开之后立即回复到原来的效果上。在React里，可以使用直接使用HTML的元素。比如，

React Native自己实现的ListView还有一个隐藏功能那就是Section。Section在文档里连一句话都没有给足，但确确实实的是内置的。使用Section可以给数据分组，并且每一个Section都有一个Header。Section Header可以像iOS的TableView的Section Header一样在滑动的时候保持当前的Section Header浮动在Table Vie

React Native填坑之旅–Button篇React Native填坑之旅–动画React Native填坑之旅–HTTP请求篇如果不能从头到尾的建立一个RN应用，那么RN将失色不少。本以为HTTP请求部分需要使用Native的实现，Android和iOS各回各家，各调各库了。Google了一下之后居然RN可以使用fetch库。这个库是用来代替流传已久的XHR的。下面看看如何使用fet

动画是提高用户体验不可缺少的一个元素。恰如其分的动画可以让用户更明确的感知当前的操作是什么。无疑在使用React Native开发应用的时候也需要动画。这就需要知道RN都给我们提供了那些动画，和每个动画可以处理的功能有哪些。填坑材料Animated动画API提供了一些现成的组件：Animated.View，Animated.Text和Animated.Image默认支持动画。动画API会调用iOS

本文假设你已经有一定的React Native基础，并且想要了解React Native的JS和原生代码之间是如何交互的。React Native的工作线程shadow queue：布局在这个线程工作main thread：UIKit在这里工作Javascript thread：Js代码在这里工作另外每一个原生模块都有自己的一个工作GCD queue，除非你明确指定它的工作队列*shadow

React Native的导航有两种，一种是iOS和Android通用的叫做Navigator，一种是支持iOS的叫做NavigatorIOS。我们这里只讨论通用的Navigator。会了Navigator，NavigatorIOS也就不是什么难事了。本文所使用的是React Native 0.34。FB团队更新的太快了，我会在后续出现大的改动的时候更新本文以及代码。Navigator基础Navi

Kotlin, Android的Swift苹果已经用Swift代替Objective-C，一种古老的语言，来进行iOS的开发了。明显Android开发也有这个趋势。虽然现在已经可以选择Scala或者Groovy等基于JVM的语言开发Android应用来尝尝鲜，但是弊端却显而易见。要引入一个全新的开发语言，那么就意味着需要引入这个语言的全部的运行时。这简直就是噩梦。因为这会给极大的增加应用包的