一、Preview

预览

二、事件的绑定，组件间传递

事件绑定有两种方式

1.使用肩头函数绑定自动绑定This

<TouchableOpacity onPress={(e) => this._onRecharge('去充值', e)} >

2.使用bind显式绑定This，否则在事件中调用this会发生Undefined错误。

<TouchableOpacity  onPress={this._onPress.bind(this, '投资账户')}>

三. 图片组件中require的正确使用

在我的的页面中图标列表本来是想声明一个配置数组

const buttons = [{title:'投资账户','img':'../../img/bg_user_head_transport.png'},...];

buttons.map((v) =>{

<View>

    <Image source = {require(v.img)}/>

    <Text>{v.title}</Text>

</View>

})

但是这会包一个错误，找不到require（v.img）；

这是因为require是在编译阶段就引入图片了

所以正确的写法为

const buttons = [{title:'投资账户','img':'../../img/bg_user_head_transport.png'},...];

buttons.map((v) =>{

<Image source = {require(v.img)}/>

    <Text>{v.title}</Text>

</View>

})

四、源码地址

五、系列文章

ReacNative使用Navigation构建完整应用（一）

ReacNative使用Navigation构建完整应用（二）

ReacNative使用Navigation构建完整应用（三）

ReacNative使用Navigation构建完整应用（四）