一、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>
})
四、源码地址
五、系列文章
ReactNative使用Navigation构建完整应用(一)
ReactNative使用Navigation构建完整应用(二)