如何在前台刷新原生 Deeplink 应用程序？

Question

I have a problem when I use deep linking android on react native. And when the application is in a foreground state when the application is triggered from deep-linking the application does not refresh on that screen. For example, I want deep linking to the Home Screen but when my foreground is on the profile screen then my application doesn't refresh?

this my code for deeplinking :

  async componentDidMount() {
    //  This for deeplinking
    if (Platform.OS === 'android') {
      Linking.getInitialURL().then(url => {
        this.navigate(url);
      });
    } else {
      Linking.addEventListener('url', this.handleOpenURL);
    }

  navigate = (url) => {
    const { navigate } = this.props.navigation;

    const route = url.replace(/.*?:\/\//g, '');
    const id = route.match(/\/([^\/]+)\/?$/)[1];
    const routeName = route.split('/')[0];
    if (id === 'yes') {
      alert(id)
    }
  }

Answer 1

We can use property from react native firebase, which can detect app in foreground, background nor in app. documentation if you used notification for your app. And if you not you can use didFocus() from react navigation.

Answer 2

I was having the same issue and this StackOverflow answer solved it for me: https://stackoverflow.com/a/59351886/5901486

To quote Michael

Finally I figured it out, Linking.addEventListener('url', callback) returns and event, to get the url it should be event.url, what I did before is Linking.addEventListener('url',(url) => setLink(url)) which must be Linking.addEventListener('url',({ url }) => setLink(url))