React Native - 从PassProps Navigator中检索值

Question

如何从新路径上的passProps获取参数？从“家”传递到“单人”。确认值的解析不知道如何在single.js上检索它们？

//index.ios.js 
class AwesomeNativeBase2 extends Component { 

    renderScene(route, navigator) { 
    if(route.name == 'single') { 
     return <Single navigator={navigator} /> 
    } 
    if(route.name == 'home') { 
     return <Home navigator={navigator} {...route.passProps} /> 
    } 
    if(route.name == 'update') { 
     return <Update navigator={navigator} {...route.passProps} /> 
    } 
    } 

    render() { 
    return (
     <View style={styles.container}> 
     <Navigator 
      initialRoute={{name: 'home'}} 
      renderScene={this.renderScene.bind(this)} 
     /> 
     </View> 
    ); 
    } 
} 

//home.js 
class Home extends Component { 
    navigate(routeName, property) { 
    this.props.navigator.push({ 
     name: routeName, 
     passProps: { 
     id: property 
     } 
    }); 
    } 

//single.js 
class Single extends Component { 
    render() { 
    console.log(this.props.navigator.pop()); 

Answer 1

正如它正在做的其他途径，将其添加如下

renderScene(route, navigator) { 
    if(route.name == 'single') { 
     return <Single navigator={navigator} {...route.passProps}/> 
    } 
    .... 
    } 

而且Single组件内，访问passProps属性为this.props.id