React Native url deep linking like YouTube

Question

My goal is to allow users share content from the application to external world (for example Viber, Whats App etc)

Here is the code:

import {Share} from 'react-native'

Share.share({ message:  'appscheme://feeds/:feedId'})

However this link is not clickable hence is useless since cannot open the app

What about Share.share({ message: 'https://appscheme.com/feeds/:feedId'})

My goal is to achieve the same behavior as YouTube video sharing. You can press on video share, send it to anybody in chat, and then to access it right from there. For example:

Than you in advance!

do you want them to get a link that leads to your website/app? — jted95
– jted95, Commented Nov 18, 2021 at 19:46
I want to be able to share a clickable link which redirects to the react native app — spatak
– spatak, Commented Nov 18, 2021 at 21:19
can you share your linking config? You need to add prefixes to your linking so the device will be able to redirect to your app if one of the prefixes detected. — jted95
– jted95, Commented Nov 18, 2021 at 22:30

Horst · Accepted Answer · 2021-11-19 07:59:46Z

That is called universal link(iOS) / App Links (Android)

FYR: https://reactnative.dev/docs/linking#open-links-and-deep-links-universal-links

Getting the link opening your app:

function handleURL(url) {
    // your stuff
}

useEffect(() => {
    function addLinkingEventListener() {
        Linking.addEventListener('url', evt => {
            handleURL(evt?.url)
        })
    }

    Linking.getInitialURL()
        .then(initUrl => {
            handleURL
        })
        .catch(handleError)
        .finally(() => {
            addLinkingEventListener()
        })

    return () => {
        Linking.removeEventListener('url', handleUrlEvent)
    }
}, [])

Collectives™ on Stack Overflow

React Native url deep linking like YouTube

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related