javascript - React Native Linking.canOpenURL() with WhatsApp call - Stack Overflow

admin管理员组

文章数量:1356851

I'm trying to create a link to start a conversation on whatsapp from my react native app, but the method Linking.canOpenURL() is allways retuning false...

My code is the following:

const url = `whatsapp://send?phone=${celNumber}`;
Linking.canOpenURL(url).then(supported => {
    if (supported) {
        Linking.openURL(url);
    } else {
        Alert.alert(
            'Alert',
            'WhatsApp is not installed',
        )
    }
});

If I try to put some other url like tel:${celNumber} it returns true, so I think there is some problem with whatsapp url and canOpenURL(), since the whatsapp url works with the method Linking.openURL()...

I'm trying to create a link to start a conversation on whatsapp from my react native app, but the method Linking.canOpenURL() is allways retuning false...

My code is the following:

const url = `whatsapp://send?phone=${celNumber}`;
Linking.canOpenURL(url).then(supported => {
    if (supported) {
        Linking.openURL(url);
    } else {
        Alert.alert(
            'Alert',
            'WhatsApp is not installed',
        )
    }
});

If I try to put some other url like tel:${celNumber} it returns true, so I think there is some problem with whatsapp url and canOpenURL(), since the whatsapp url works with the method Linking.openURL()...

• javascript
• react-native
• deep-linking
• whatsapp

Share Improve this question Follow asked Mar 10, 2018 at 15:45 Marcelo Tardelli MagalhãesMarcelo Tardelli Magalhães 65722 gold badges77 silver badges1111 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 2

I quess you are using iOS? Then you have to declared the URL’s scheme 'whatsapp' in your Info.plist file LSApplicationQueriesSchemes.

iOS9: canOpenURL returning false for WhatApp's url scheme

https://developer.apple./documentation/uikit/uiapplication/1622952-canopenurl

if lands there someone doing it with expo in 2024, here're the relevant expo doc (and ref).

Copying the example app.json config from the doc:

{
  "expo": {
    "ios": {
      "infoPlist": {
        "LSApplicationQueriesSchemes": ["whatsapp"]
      }
    }
  }
}

本文标签： javascriptReact Native LinkingcanOpenURL() with WhatsApp callStack Overflow