深入剖析React Native
文章平均质量分 85
本系列文章主要研究React Native技术使用及源码分析
mazouri
IT行业里充满了冒险迷途机会是悬疑片是动作片是爱情片是纪录片是喜剧片IT人不木诺而是精细专攻无限的想象
展开
-
[深入剖析React Native]热更新之react-native-pushy使用指南(IOS)
本文使用RN版本:0.33.0react-native-pushy是ReactNative中文网推出的代码热更新服务,github地址:https://github.com/reactnativecn/react-native-pushy准备工作首先你应该有一个基于React Native开发的应用,我们把具有package.json的目录叫做你的”应用根目录”。 如果你还没有初始化应用,请参原创 2016-09-23 17:05:39 · 5397 阅读 · 2 评论 -
[深入剖析React Native]热更新之react-native-pushy使用指南(Android)
本文使用RN版本:0.33.0react-native-pushy是ReactNative中文网推出的代码热更新服务,github地址:https://github.com/reactnativecn/react-native-pushy准备工作首先你应该有一个基于React Native开发的应用,我们把具有package.json的目录叫做你的”应用根目录”。 如果你还没有初始化应用,请参原创 2016-09-22 17:40:12 · 9615 阅读 · 0 评论 -
[深入剖析React Native]坑坑汇总
解决react native使用fetch函数在ios9报network request failed的问题原创 2016-09-20 14:04:32 · 1069 阅读 · 0 评论 -
[深入剖析React Native总贴]React Native学习路线
React Native学习路线官网React Native教程React Native react.js react 教程2 ES6 Flex box Redux CSS JavaScript基础入门组件学习API模块使用RN进阶开源组件开源项目实战项目转载请标注地址:Geek马走日 Follow个人Github : mazouri原创 2016-09-07 14:09:01 · 4030 阅读 · 2 评论 -
[深入剖析React Native]React 初探
React 初探认识ReactReact是一个用于构建用户界面的JavaScript库。React主要用于构建UI,很多人认为React是MVC中的V,即视图。React起源于Facebook的内部项目,用来架设Instagram的网站,并于2013年5月开源。React拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和实用它。React特点声明式设计 - React**采用声明原创 2016-09-07 16:34:22 · 4095 阅读 · 0 评论 -
[深入剖析React Native]React Native Flexbox属性讲解
React Native通过一个基于Flexbox的布局引擎,在所有移动平台上实现了一致的跨平台样式和布局方案。主要属性flexflexDirectionalignSelfalignItemsjustifyContentflexWrap属性讲解flex当一个元素定义了flex属性时,表示该元素是可伸缩的(flex的属性值大于0的时候才可伸缩)。class FlexboxReact ex原创 2016-09-08 11:37:25 · 2384 阅读 · 0 评论 -
[深入剖析React Native]手势响应讲解
手势识别在移动设备上比在网络上要复杂得多。当应用程序确定用户的意图时,一个触摸可能要经历几个阶段。 例如,应用程序需要确定触摸是否是滚动,滑动部件还是轻击,地图上的缩放。这甚至可以在触摸期间发生改变,也可以有多个同时触摸。 要想使组件在没有任何额外的关于它们的父组件或子组件的认知的情况下处理这些触摸交互,需要触摸应答系统。这个系统在ResponderEventPlugin.js 中实现了,其中包原创 2016-09-08 18:38:45 · 9532 阅读 · 0 评论 -
[深入剖析React Native]React Native组件之Touchable*
Touchable*系列组件封装了触摸点击的相关事件,比如:触摸、点击、长按、反馈等,官方提供Touchable*系列组件包括四种:TouchableHighlightTouchableNativeFeedbackTouchableOpacityTouchableWithoutFeedback 其中,TouchableWithoutFeedback的触摸点击不带反馈效果,其他三个都有反馈效原创 2016-09-09 15:20:50 · 2209 阅读 · 0 评论 -
[深入剖析React Native]React Native组件之Touchable*源码解析(1)
源码版本:”react-native”: “0.31.0”React Native的Touchable*系列组件源码位于/node_modules/react-native/Labraries/Components/Touchable/下。 Touchable讲解你将你的ResponderEventPlugin事件和Touchable相关联,Touchable就会去管理时间和结构,并会告诉你什么时原创 2016-09-09 18:07:56 · 1340 阅读 · 0 评论 -
[深入剖析React Native]React Native组件之Navigator
1.简介导航组件Navigator可以让app在不同页面进行切换。为达到这样的功能,Navigator提供了路由对象功能进行区分每个页面。 我们可以通过renderScene方法,Navaigator根据指定的路由进行渲染指定的界面。 除了以上功能之外,为了改变页面切换的动画或者页面的手势,该组件还提供configureScene属性来进行获取指定路由页面的配置对象信息。 对于页面切换动画或者原创 2016-09-12 11:26:20 · 3983 阅读 · 0 评论