React-Native学习之路(六)Navigator

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.回调函数,就可以向上级页面传输数据

猜你喜欢

转载自blog.csdn.net/Leon_Jcy/article/details/81193394