正向传值
//构建路由
<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(); }