《ReactNative实战讲义》React-native-router-flux框架篇---页面跳转与传值

| 版权声明：本文为博主原创文章，未经博主允许不得转载。

一、内容简介

实现以下功能：
1. 正向跳转
2. 正向跳转并传值
3. 反向跳转
4. 反向跳转并传值
5. 指定页面跳转
6. 指定页面跳转并传值

二、代码实现

1、正向跳转

假设情景：从Home页跳转到Profile页面，Profile场景的key值为profile

• 不带参数 Actions.profile
• 带参数Actions.profile({'key':value})

接收参数：
this.props.KEY_NAME

eg：
通过TouchableOpacity的onPress方法实现页面的跳转

onPress={Actions.proflis} // 不带参数的最简写法
onPress={() => {Actions.proflie({'key':value})}} // 带参数的最简写法，传递的参数必须是Object类型，每个参数建议使用键值对方式传递
this.props.key // 接收参数

2、反向跳转

假设情景：从Profile页返回Home页面

• 返回上一页面，不带参数Actions.pop()
• 返回上一页面，带参数Actions.po