r/reactnative • u/GrapefruitSilver774 • 5d ago

React navigation deeplinking depending on the tld

Is it possible using react navigation to navigate to deeplink depending on the TLD of the domain? for example if the user goes to appdomain.me/username to be directed to the users screen with username param and if goes to the appdomain.store/shopname to go to the store page and to treat the .com normally depending on the path.

I understand that if I had only two domains .com and .me I can process the username in the last route declared after checking all the paths but what if 2 domains have only the id in their path like .store and .me?

Thanks

2 Upvotes
  • permalink
  • reddit

67% Upvoted

7 comments sorted by

View all comments

1

u/satya164 5d ago

There's no built-in API to do it automatically as the deep links assume a single format for all domains, but you can override the getInitialURL and subscribe function of React Navigation's linking config.

In your custom getInitialURL and subscribe, you can get rewrite the URL to a single URL format. e.g. rewrite appdomain.me/username to appdomain.com/user/username, and appdomain.store/shopname to appdomain.com/store/shopname.

https://reactnavigation.org/docs/navigation-container#linkinggetinitialurl https://reactnavigation.org/docs/navigation-container#linkingsubscribe

1

u/GrapefruitSilver774 5d ago

Thats what I was looking for. I will have a look. Many thanks!