Comment naviguer vers une autre vue sur un événement Webview dans React Native?

Question

J'utilise react-native-webview-messagerie pour obtenir l'événement à partir d'une vue Web. Lorsque l'événement est déclenché, je parviens à changer l'état mais je ne peux pas accéder à une nouvelle vue.

C'est ce que je fais:

componentDidMount() { 

    const { messagesChannel } = this.webview; 

    messagesChannel.on('json', json => this.setState({ 
     message: json, 

    },() => { 

     return (
      <GoToThisView /> 
     ); 

    })); 

    } 

Alors mes changements d'état au JSON que je reçois de la WebView, mais la déclaration de retour n'ouvre pas une nouvelle page.

Qu'est-ce que je fais mal?

Answer 1

Si vous utilisez StackNavigator dans votre application, vous pouvez utiliser directement navigate ('screen_name') pour naviguer vers l'écran que vous voulez. Le retour est utilisé avec le rendu.

componentDidMount() { 

    const { messagesChannel } = this.webview; 

    messagesChannel.on('json', json => this.setState({ 
     message: json, 

    },() => { 

      navigate('GoToThisView');     

    })); 
} 

Le nom d'écran 'GoToThisView' doit avoir été défini.