React-Native的强大之处在于实现了较为全面的Touch事件机制,虽然仍略有缺陷,但相比于Hybrid或H5的体验而言,已经足足提高了一大截,下面分析讲解一下其实现原理,和具体使用方式。...
分类:
移动开发 时间:
2016-04-08 06:43:35
阅读次数:
339
1 /** 2 * Created by DaGuo on 2016/4/7. 3 */ 4 5 'use strict' 6 7 import React,{ 8 Component, 9 View, 10 Text, 11 ListView, 12 13 } from 'react-native ...
分类:
其他好文 时间:
2016-04-07 13:26:06
阅读次数:
152
经过难苦奋战,avalon2终于面世了。这花了大半年时间,其中1.6还胎死腹中。长达半年没有产出,我都担心自己会被裁掉…… avalon2许多API与1.4.×保持一致,当然也添加了一些1.5的功能,此外随着react的红红火火,对它的研究,也集成到此框架中。 我们先来一个简单的例子 1 <!DOC ...
分类:
其他好文 时间:
2016-04-06 23:00:46
阅读次数:
230
组件的详细说明(Component Specifications) 当通过调用 React.createClass() 来创建组件的时候,你应该提供一个包含 render 方法的对象,并且也可以包含其它的在这里描述的生命周期方法。 如图,可以把组件生命周期大致分为三个阶段: 第一阶段:是组件第一次绘 ...
分类:
其他好文 时间:
2016-04-06 15:00:15
阅读次数:
212
转自:http://www.techug.com/npm-left-pad-have-we-forgotten-how-to-program 开发者朋友们,我们该谈一谈这个问题了。你们应该知道本周的 left-pad 事件: React 、 Babel 和许多流行的npm模块都受到波及,无法正常运行 ...
分类:
其他好文 时间:
2016-04-06 09:30:31
阅读次数:
250
什么是生命周期?组件本子上是状态机,输入确定,输出一定确定。
状态发生转换时会触发不同的钩子函数,从而让开发者有机会做出响应
可以用事件的思路来理解状态。组件可以处于不同的状态中。
初始化阶段————运行中阶段————销毁阶段
初始化阶段能够使用的钩子函数(按照触发顺序):
getDefaultProps(获取实例的默认属性)————只有第一次实例的时候调用
getInitialStat...
分类:
其他好文 时间:
2016-04-05 17:49:32
阅读次数:
163
首先感谢党的英明决策。 一开始我总觉得Awesomeproject这个名字是固定的,和我有同感的同学请举手。 其实我们可以起任意的名字,执行native react init碰到的最大的问题是 npm install --save react-native 失败。 网络慢是主要的,init的时候要有 ...
分类:
其他好文 时间:
2016-04-05 14:06:54
阅读次数:
114
用React Native编写跨平台APP
React Native 是一个编写iOS与Android平台实时、原生组件渲染的应用程序的框架。它基于React,Facebook的JavaScript的库,为的是构建用户接口,而并不是以浏览器为目标,它是以手机平台为目的。换句话说,如果你是一个web开发者,你可以使用React Native去编写干净、快速的移动APP,并且可以体会到熟悉的框架和单...
分类:
移动开发 时间:
2016-04-05 02:09:54
阅读次数:
243
一、配置环境
1.准备相关资源
AndroidStudio Android开发集成开发环境(推荐下载含SDK tools版)
JDK for Windows Java Develop Kit(java开发工具)
Nodejs nodejs环境
2.ReactNative环境配置步骤
1) 使用npm安装ReactNative
在cmd命令工具中执行...