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

一、Preview

预览

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

事件绑定有两种方式

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

this._onRecharge('去充值', e)} >

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

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

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

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

buttons.map((v) =>{

   

    {v.title}

})

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

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

所以正确的写法为

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

buttons.map((v) =>{

    {v.title}

})

四、源码地址

五、系列文章

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

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

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

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