来看看我们的HomeScreen.js页面,当我们点击卡片的时候,我们想要把card的参数传到sectionScreen中,于是:
<TouchableOpacity
key={index}
onPress={()=>{
this.props.navigation.push('Section',{section:card})
}}
>
<Card
image={card.image}
title={card.title}
caption={card.caption}
subtitle={card.subtitle}
logo={card.logo}
/>
</TouchableOpacity>
1. 应用中的每个页面组件都会自动提供 this.props.navigation
this.props.navigation可以获取的一些方法:
navigate
- 转到另一个页面, 计算出需要执行的操作 (常用)goBack
- 关闭活动屏幕并在堆栈中向后移动 (常用)addListener
- 订阅导航生命周期的更新isFocused
- 函数返回true
如果屏幕焦点和false
否则。state
- 当前状态/路由 (常用ÿ