小白之路

目前RN还有针对智能电视的按键事件,现有的触摸事件主要有以下几个组件:1 TouchableHighlight(点击事件有颜色变化)renderButton: function() { return ( <TouchableHighlight onPress={this._onPressButton}> <Image style={styles.button}

如果进行一个RN项目开发，初始化项目之后，就会有一个Activity是继承RnActivity的。 如果进行混合开发时，由于我们的Activity可能要做很多工作，还想继承我们原生的Activity。 因此，就可以自定义一个RN的Activity，无须继承官网的Activity。假如，我们已经有了一个BaseActivity。再定义一个RnActivity，里面可以封装若干个抽象方法，所有的Rn

RN中宽高,解决很多机型适配的问题,因为它没有单位啊,嘎嘎..import React, { Component } from 'react';import { AppRegistry, View } from 'react-native';class FixedDimensionsBasics extends Component { render() { return (

React Native 热更新,实际是更新assets目录下面的index.android.bundle文件. assert目录,一旦安装时候,我们是不能修改的,因此,热更新就是我们将index.android.bundle这个文件放在sd卡的某个位置,然后将getJSBundleFile()这个方法返回的地址,改为sd卡的位置. 就会只用sd卡上的index.android.bundle这个

debug模式下React Native以热更新而出名,而它的热更新在开发阶段,通过调试菜单,可以实现reload hot load等,也就是你可以手动点reload 也可以选择 hot load 这两者的区别是什么呢 reload 你点击一次,会执行getReactNativeHost().getReactInstanceManager().getDevSupportManager().hand

在一个普通的React Native中,如果业务逻辑不够复杂,或者state和props不需要跨越多个页面传递,也不需要相互没有父子组件等关系的组件之间传递数据,这基本就不需要使用Redux.在之前我们也说过了,组件之间传递数据的几种方式,在组件中,通过改变state去改变组件的显示,在组件之间通过props去传递数据,如果是没有关系的组件之间,可以通过注册事件,去传递数据.这一节主要说一下,如果我

1 前面我们已经说过了RN混合开发中,原生如何调用JS的各个页面 JS如何调用原生的activity,以及JS中如何调用原生的方法. 2 这些已经比较简单的,这一节主要说,我们如果在原生JAVA代码中,某个时刻非常想响应JS的某个方法怎么办. 目前,我还没有了解到如何可以直接调用JS的某个方法,我的做法是采用事件响应的方式,就跟Android原生的按钮绑定了某个事件一样,如果收到这个消息,JS

1 官网上的原生模块理解官网上有原生模块这一节，我的理解是这一节要教给我们，如何在RN中的JS代码中调用原生的JAVA代码，同样包括调用Toast和Dialog，这种我们已经写好的组件，但不包括View，View这种在另外一节中说道了。 首先需要知道的就是ReactContextBaseJavaModule在java代码里面，继承了这个方法，就可以在里面写暴露给RN JS的方法，如下： @Rea

使用RN做项目已经有两个月了，虽然现在大部分情况下已经使用了Redux，进行状态的管理和数据的处理，后续会说一下自己是如何使用Redux的，现在先说一下在RN中一个关键的数据传递问题，虽然后续可能项目中添加了Redux架构，但也不代表这每个页面都去使用，毕竟为了一个简单的数据，需要一堆操作，也挺麻烦的。1 父组件传递给子组件数据这个是比较简单，也是比较常见的。 比如：官网上props这一节中的这

小白用的是ubuntu 14.4 64位的，说一下开发之前的配置。 1 安装node环境 这个可以随便搜一下很多， 官网下载 配置环境变量 最后一定要验证是否成功 终端输入 node -v 看看是否出现版本号，验证自己是否安装成功。 2 安装watchman 按照命令一次输入终端即可$ sudo apt-get install aut

这俩东西,在RN里面很强大,我的理解目前还不到位,反正能用到的地方太多了,频率也很大,这里表示还有很大空间,值得去挖掘.据说,Status这东西,目前已经有专门的容器还是框架去管理了,还没去研究,如果你的业务足够复杂,可以去尝试.import React, { Component } from 'react';import { AppRegistry, Text, View } from 'rea

不管什么应用,布局必学啦,RN使用的是Flexbox布局,其实还是比较容易掌握的,尤其是做web的.首先,布局是分主轴和次轴的,这个概念要清楚,就跟坐标系一样,你决定让你的行作为主轴,还是列作为主轴.1 主轴决定主轴的样式就是 Flex Direction<View style={{flex: 1, flexDirection: 'row'}}>上面的代码就是值以行为主轴,有了主轴,才能说下面的

在混合开发的时候，只使用一个RN的Activity明显不太现实。而在纯RN项目中，很明显只有一个index.android.js一个入口，实际上纯RN项目也仅仅只需要一个Activity。内部可以使用路由进行跳转。但是混合开发明显不行，否则将无法正常的在RN和原生界面之间进行来回跳转。即便可以，复杂度也会大大增加。经过尝试，在一个混合项目中，可以有若干个RN的Activity，每一个Activity