reactjs - 通过在内部调用 navigation.navigate() 来制作共享组件 - React Native

Question

我想在 native react 中为所有屏幕制作共享组件。这样我就可以在主要组件之间共享它们。

请参阅下面的代码，一切正常，但 this.props.navigation.navigation.navigate('HireJob') 不起作用。

我的代码:

export default class MyComponent extends Component {

    callAndPush = () =>{
      console.log('callAndPush');
      this.props.navigation.navigate('HireJob')
    }

    render() {
         return (
              <TouchableHighlight style = {{backgroundColor : 'red' , height : 30}} onPress = {() => this.callAndPush()}>
                <Text>Apple</Text>
              </TouchableHighlight>
         );
    }
}

组件的使用:

 render(){
    return (
      <View style = {styles.scrollSty}>
            <MyComponent></MyComponent>
     </View>
    );
 }
}

Answer 1

它的工作原理如下，绕过navigation prop进入MyComponent。

<MyComponent {...this.props} />