Navigator页面跳转和数据传递
2018年7月21日
15:37
1.首先需要导入
npm install react-native-deprecated-custom-components --save
然后在项目中使用navigator的时候
import {Navigator} from react-native-deprecated-custom-components
2.使用Navigator,它有两个函数
1).initialroute:指定Navigator默认的显示页面,在这个函数中通过component来指定页面信息
2).renderScene:在这个函数中需要传入两个参数:route和navigator,最后需要return一个navigator, 这样下级页面才好使用push()和pop()方法
在push()方法中同样需要通过component来指定目标跳转页面,还应包括需要向下级页面传递的数据参数
扫描二维码关注公众号,回复:
2790634 查看本文章
然后在push()方法中还有个重要的点是定义一个回调函数,用来让下级页面向上传递数据,然后下级页面可以通过this.props来获取上级页面的数据,用this.props.回调函数,就可以向上级页面传输数据