在ReactNative中的Mailto

时间:2017-12-24 22:08:25

标签: reactjs react-native

我尝试添加一个按钮,以便从用户的邮件提供商处发送电子邮件,如此

_OnPressMailto(emails){
  console.log(emails[0].email)
  const address = emails[0].email
  Linking.openURL('mailto:address');
}

Linking.openURL非常适合我与fb和twitter的其他链接。但mailto返回错误=>未处理的承诺。

一个想法?

3 个答案:

答案 0 :(得分:1)

使用https://github.com/anarchicknight/react-native-communications这是一个打开不同网址的简单包

答案 1 :(得分:0)

来自本地docs

  

openURL()
  返回一个Promise对象。如果用户确认打开   对话框或URL自动打开,承诺得到解决。如果   用户取消打开的对话框或没有注册的应用程序   对于网址,承诺被拒绝。

     

注意:如果系统不知道如何打开指定的URL,则此方法将失败。

您应该使用 canOpenURL 来确定已安装的应用是否可以处理给定的网址,或者至少处理返回的拒绝承诺。

答案 2 :(得分:0)

您没有将addressmailto正确连接。使用+运算符或模板如下Linking.openURL(`mailto:${address}`)

_onMailto(emails) {
  console.log(emails[0].email);
  const address = emails[0].email;
  this.launchURL(`mailto:${address}`);
}


launchURL(url) {
  Linking.canOpenURL(url).then(supported => {
    if(!supported) {
            console.log('Can\'t handle url: ' + url);
        } else {
            Linking.openURL(url)
            .catch(err => {
        console.warn('openURL error', err);
            });
        }
    }).catch(err => console.warn('An unexpected error happened', err));
}