此博客基于react-native-0.48.4 生命周期这个词大家一听肯定是不陌生了，在Android中有Activity、Fragment、Service…的生命周期（请原谅我是个小Android）；那在ReactNative中组件也是一样有个生命周期的，来引用经典的生命周期流程图： 注意： Es5下的getDefaultProps在Es6上对应的函数是static defaultProps
此博客基于react-native-0.48.4 ScrollView简介 一个包装了平台的ScrollView（滚动视图）的组件，同时还集成了触摸锁定的“响应者”系统。 这个就跟Android中的ScrollView总体来说是一样的，将会超出屏幕的视图使用ScrollView包裹来滑动查看。 ScrollView文档属性介绍 来编写个案例实现下 新创建个ScrollTest.js组件，然后在in
“Write once，Run Everywhere” 一次编写，多端运行。React迁移到MIT协议，可惜React Native依然没改，没有RN的日子，还好有Weex这位哥们顶着。虽然没有RN那么牛逼，但也算是一个不错的小兄弟。 很多人可能要问我搞了这么久的RN现在转Weex干什么？说起来，真是一个悲伤的故事 为什么不用RN Facebook并没有像React那样把ReactNative也迁
先上效果图 遇到的问题 右侧字母选择器 高度问题, 右侧字母选择器 如何使用手势检测panresponse 右侧字母选择器 计算高度如何判断是触摸到那个字母上的(思考 如果是==native应用是如何做的==…刚看过 native应用的城市列表也是通过计算每个字母的高度来检测的)动态创建的控件 右边滑动的原理: 通过onlayout计算每个字母高度 ,然后加入数组 , 手指触摸字母列表时 知道 触
此博客基于react-native-0.48.4 Navigator（导航栏） 在ReactNative v0.43之前的时候官方提供了Navigator组件，在v0.44版本之后官方就把他废弃了这是为什么呢？原因就是有个比他更好的react-navigation导航栏了、不得不说第三方依赖库真的很强大。 React Navigation 官网地址：https://reactnavigation.
此博客基于react-native-0.49.3 上一篇介绍了一下react-navigation依赖库中的StackNavigator 这篇文章就接着上一篇继续往下说也就是依赖库中的第二个导航栏TabNavigator相当于Android中的TabLayout TabNavigator： 官网地址：https://reactnavigation.org/docs/navigators/tab 废
此博客基于react-native-0.49.3 之前我们已经说过ListView这个控件了、FlatList性质也是一样的只不过使用起来更加封闭、内部封装好了 添加头尾布局、下拉刷新、上拉加载等功能… 实现的效果： FlatList实现一个最简单的列表 <FlatList
//数据源
data={[{key: 'a'}, {key: 'b'}]}
//渲染每一个Item
rend
先看效果图(记录一下视频转gif的网站http://www.gif5.net/) 相信很多商城类的项目都会有这个效果，说下主要思路，大家也可以自己写，左边是一个flatList，右边是一个sectionList，当我们点击左边某个商品分类的时候就去请求右边的接口数据，就这么简单。 整体帖代码，如果请求接口不能用了的话，就得找其他免费api了。 import React,{Component} fr
这种效果相信大家见的很多，那么是怎么实现的呢？使用的是reactNavigation 代码如下 import React,{Component} from 'react';
import {
View,
Text,
Image,
ActivityIndicator,
StyleSheet,
Dimensions,
Animated,
Easing
} from 'react-nat
ReactNative-HMR原理探索 前言 在开始本文前，先简单说下我们在开发RN项目中，本地的node服务究竟扮演的是什么样的角色。在我们的RN APP中有配置本地开发的地方，只要我们输入我们本地的IP和端口号8081就可以开始调试本地代码，其实质是APP发起了一个请求bundle文件的HTTP请求，而我们的node server在接到request后，开始对本地项目文件进行babel，pac
在ReactNative上使用Firebase时,它会显示以下错误消息： can’t find variable process 但是,如果我手动需要firebase / lib / firebase-web.js,它将显示： can’t find variable document 我该如何解决这个问题？ 我尝试在我的本机应用程序中使用sockets.io时遇到了同样的问题,所以希望我能提供帮助
