最近在阅读RN的文档，但有一点深感遗憾的是——官方对绝大多数RN组件没有用Gif图或者静态图的方式呈现给大家。 所以我通过百度查询，一个一个的查到了这些RN组件的UI表现图，下面呈现给大家 阅前必读 首先表示抱歉，我没有注明每幅图片的url来源，这是有原因 ...

一、前言背景： 　　学习react native的关键在于组件，依靠组件的拼接达到想要的效果，由此可见，组件就像一块块功能各异的零件，最终搭建出我们想要的效果。 　　今天我们就从组件的导入、导出开始 　　下面是我们编写react native代码时，很普遍的代码范式 ...

前言 学习本系列内容需要具备一定 HTML 开发基础，没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长，所以对其中的内容和性质了解可能会有所偏差，在学习中如果有错会及时修改内容，也欢迎万能的朋友们批评指出，谢谢 ...

在多个界面直接跳转和切换是一个app最基本的功能。本文我们通过小例子来讲述通过NavigationExperimental组件实现导航。 先看看原型设计： 我们要实现的功能包括： 通过选项卡切换界面（放贷计算、利率查询和关于我们三个界面） 点击列表中的条目，进入查看详情（利率 ...

前言 学习本系列内容需要具备一定 HTML 开发基础，没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长，所以对其中的内容和性质了解可能会有所偏差，在学习中如果有错会及时修改内容，也欢迎万能的朋友们批评指出，谢谢 ...

react-native 获取组件的尺寸有两种方式，第一种方式使用元素自身的onLayout属性去获取，但是这种方式有一个局限性，就是只有在初次渲染的时候才会触发这个函数，而且此种方法获取的是组件相对于父组件的位置坐标。如果我们需要随时都可以去获取组件的尺寸或者相对于屏幕的位置坐标时，这种方式并不 ...

今天来写一个组件，相信很多人都会用到的——ViewStack。 ViewStack组件无疑是UI中很重要的一个组件，可惜react-native并没有内嵌进去，需要开发者自己去实现。 实现原理很简单，就是根据索引来显示一个子视图，用一个render即可完成： 这样，一个最简单 ...

。 （底层实现分析参见：React-Native 渲染实现分析，本文仅讨论组件开发方法） React ...