正向传值
//构建路由
<Navigator
initialRoute={{name:defaultName,component:defaultComponent}}
//构建转场动画
configureScene={(route) => {
return Navigator.SceneConfigs.HorizontalSwipeJump;
}}
//构建组建的参数传递 包括后面的navigator也传给了component
// {…route.params}作用是使当前component有传参数能力
//语法的意思就是routes.params 里的每个key 都可以作为props的一个属性
renderScene={(route,navigator) => {
let Component = route.component;
return <Component {...route.params} navigator={navigator} />
}}
t
/>
//push代码
const { navigator } = this.props;
if(navigator) {
navigator.push({
name: 'HomeDetail',
component: HomeDetail,
params: {
id: id,
}
})
}
利用属性反向传值
//firstPage 从SecondPageComponent获取user
getDataFromNext: function(next)
{ _this.setState({ next: next })
//secondPage
if(this.props.getDataFromNext) { let next = data; this.props.getDataFromNext(next); }
if(navigator) { navigator.pop(); }
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。