假设我们现在有这么一个需求,就是自定义一个组件,该组件由一个小图标和图标的文字说明组成,并且带有背景色,背景色可设置,宽度高度可设置。如下图所示正是两个这样的组件所组成。首先,在index.android.js目录下新建一个js文件,命名为item.js,在里面输入模板代码...
分类:
移动开发 时间:
2015-11-20 15:37:59
阅读次数:
280
1、安装node 相关包npm install --save react react-dom superagent2、安装gulp相关包npm install --save gulp-browserify gulp reactify gulp-connect3、编写gulpfile.js 构建Rea...
踩了几天React Native Android的坑。总结为一句话,目前android学习react native还为时过早,坑太多,需要你慢慢去踩。就目前来讲,能踩的坑基本上都踩了一遍,所以还是等它稳定下来再去学吧,否则会浪费掉一大堆时间。单位在React Native中,组件的宽度,高度都是不用写单位的,你写个100,在Android中代表的到底是100px还是100dp,就不得而知了,这时候自...
分类:
移动开发 时间:
2015-11-20 14:14:22
阅读次数:
376
熟悉android的童鞋应该都清楚,android是有生命周期的,其很多组件也是有生命周期。今天小编和大家分享的React Native组件的生命周期,还不了解的童鞋,赶紧来围观吧 在android开发中,React Native组件的生命周期,大致分为三个阶段,分别是:1、组件第一次绘制阶段,这....
分类:
移动开发 时间:
2015-11-19 20:30:20
阅读次数:
251
和Android一样,React的组件也有对应的生命周期。Android React Native组件的生命周期可以总的概括为下面这一张图。可以把组件生命周期大致分为三个阶段:
第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化;
第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面;
第三阶段:是组件卸载消亡的阶...
分类:
移动开发 时间:
2015-11-19 15:02:29
阅读次数:
275
要说最近技术圈什么比较活跃,我想除了动态加载框架和热修复技术之外,非Facebook的React Native莫属了吧,其实RN对IOS的支持比较早,但是Android似乎难产了,直到9月份才刚开源。距离RN开源也有一段时间了,一直没有去学习,今天兴趣来潮,索性学一把吧。本文假设你的Windows上安装了Android SDK,并配置好了环境变量。安装Node.js从官网https://nodejs...
分类:
移动开发 时间:
2015-11-19 11:25:10
阅读次数:
1181
组件嵌套后,父组件怎么向子组件发送数据呢?答案是: this.props 有的时候父组件传过来的数据类型跟子组件需要的类型不一样,那该怎么办呢?PropTypes属性,就是用来验证组件实例的属性是否符合要求var MyTitle = React.createClass({ propTypes...
分类:
其他好文 时间:
2015-11-17 23:10:22
阅读次数:
5588
The application will dislay a some catalogs, and each catalog has title image, description.Catalog:import React from 'react';import AppStore from '../...
分类:
其他好文 时间:
2015-11-15 00:59:37
阅读次数:
351
1、直接使用NativeModules组件,“MyCustomModule”其实就是我们的对应的OC工程中的类,“processString“就是类中的方法/** * 调用iOS模块1 * http://www.cnblogs.com/daomul/ */'use strict';var React...
分类:
其他好文 时间:
2015-11-14 16:34:19
阅读次数:
377
通过tutorial文档, 我们开发一个小的工程(ListView), 在Android和iOS使用相同的代码, 展示出一样的风格, 表明ReactNative开发的便捷.显示效果
工欲善其事, 必先利其器. 开发环境Atom集成Nuclide.
Atom的配置和插件存储在.atom文件夹下, 如果想重新使用Atom, 删除文件夹即可. 在开发过程中, 使用Atom集成Nuclide会特别卡,...
分类:
其他好文 时间:
2015-11-11 16:47:34
阅读次数:
358