Невозможно получить доступ к навигации для дочернего рендера

Question

Может кто-нибудь объяснить мне, почему я могу получить доступ к this.props.navigation на основном рендере, а не на дочернем, также дайте мне знать, как я могу передать этот параметр другому методу рендеринга

class HomeScreen extends React.Component {

renderContent() {
  return (
    <View>    
        <Button
        title="ProfileScreen"
        onPress={() =>
        navigate('ProfileScreen')
        } />   
    </View>
  );
}

render() {
  const { navigate } = this.props.navigation;
  return (
        <ReactNativeParallaxHeader
          headerMinHeight={24}
          renderContent={this.renderContent}
        />
    );
  }
}

export default HomeScreen

Я пытался реализовать функцию стрелки, но все еще ничего не происходит и получил неопределенный

Answer 1

Поскольку вы определяете навигацию внутри метода render ().

Это должно работать

class HomeScreen extends React.Component {

let navigate;

constructor(props) {
    super(props)
    navigate = props.navigation.navigate;
}


renderContent() {
  return (
    <View>    
        <Button
        title="ProfileScreen"
        onPress={() =>
        navigate('ProfileScreen')
        } />   
    </View>
  );
}

render() {
  
  return (
        <ReactNativeParallaxHeader
          headerMinHeight={24}
          renderContent={this.renderContent}
        />
    );
  }
}

export default HomeScreen