reactjs - Is it possible to build more customized firebase dynamic links for iOS and Android while utilizing React Native?

Question

I have dug through much of the documentation that firebase has provided. I have also found other resources that have not been much help and have given much of the same answers.

Here is the link I have references for building links. This guide has also said the same things.

What I am looking to achieve is something very similar to Twitter's profile sharing menu. Below is a snippet of what their menu looks like.

The current state I am at is here. I have a single message and the firebase link built into a potentially sharable object. The menu looks like this.

What I would like to achieve is a bolded header and description text along with a header image very similar to how Twitter has it setup. I'm not sure if modifying or adding any options to the firebase built link would apply to this menu.

This is a code snippet showing the way in which I construct the firebase dynamic link.

export async function buildEventLink(eventId) {
    const url = 'https://helloStackOverflow?eventId=' + eventId;
    const link = await dynamicLinks().buildLink({
        link: url,
        domainUriPrefix: 'https://helloStackOverflow',
    });

    return link;
}

Next is a code snippet showing how I create the share menu for the user choose the medium in which they will share the firebase dynamic link.

let link = await buildEventLink(selectedEvent.eventId);
try {
    const result = await Share.share({
        message: "Swoop into this event!",
        url: link,
    });

    if (result.action === Share.sharedAction) {
        if (result.activityType) {
            // shared with activity type of result.activityType
        } else {
            // shared
        }
    } else if (result.action === Share.dismissedAction) {
        // dismissed
    }
} catch (error) {
    alert(error.message);
}

Here is the link to the React Native Share component

If I am missing anything with this module or if there is another npm module out there that can help me solve this problem please share!

Again to reiterate, I would like to add a bolded header and attach a png to display where the Twitter logo would be. Any suggestions or guidance on this would be greatly appreciated!

question from:https://stackoverflow.com/questions/65516837/is-it-possible-to-build-more-customized-firebase-dynamic-links-for-ios-and-andro

Answer 1

Waitting for answers