React Native中能否用Linking.openURL实现拨打电话与打开邮件？

完全可以用Linking.openURL实现，这也是React Native里处理拨号、发邮件这类系统跳转的标准方式，比web端的a标签更适配原生设备环境。下面是具体实现步骤和注意事项：

一、拨打电话的正确写法 #

你提供的示例代码少了关键的tel:协议前缀，系统没法识别这是拨号请求，修正后如下：

import { Linking, Button } from 'react-native';

const handleMakeCall = async () => {
  const phoneUrl = 'tel:+380775454545455';
  // 先检查设备是否支持打开拨号链接
  const isSupported = await Linking.canOpenURL(phoneUrl);
  if (isSupported) {
    await Linking.openURL(phoneUrl);
  } else {
    console.log('当前设备无法打开拨号界面');
  }
};

// 按钮使用示例
<Button title="拨打客服电话" onPress={handleMakeCall} />

要点：

• 必须以tel:开头，后面跟完整的电话号码（带国家区号更稳妥）
• 先调用Linking.canOpenURL()做兼容性检查，避免在不支持的设备上出错

二、发送邮件的实现逻辑 #

和拨号同理，需要用mailto:协议前缀，还能直接指定收件人、主题甚至正文内容：

import { Linking, Button } from 'react-native';

const handleSendEmail = async () => {
  // 基础版：仅指定收件人
  const emailUrl = 'mailto:support@example.com';
  
  // 进阶版：带主题和预设正文（注意特殊字符要做URL编码）
  // const emailUrl = 'mailto:support@example.com?subject=订单问题反馈&body=我的订单号：XXX%0A问题描述：';
  
  const isSupported = await Linking.canOpenURL(emailUrl);
  if (isSupported) {
    await Linking.openURL(emailUrl);
  } else {
    console.log('当前设备未安装邮件客户端');
  }
};

// 按钮使用示例
<Button title="发送邮件反馈" onPress={handleSendEmail} />

要点：

• mailto:是触发邮件客户端的核心协议前缀
• 通过?subject=xxx&body=xxx可以直接填充邮件主题和正文，方便用户快速发送

三、iOS平台的额外配置 #

iOS系统需要在Info.plist文件中添加权限声明，允许应用查询tel和mailto协议：

<key>LSApplicationQueriesSchemes</key>
<array>
  <string>tel</string>
  <string>mailto</string>
</array>

Android平台一般不需要额外配置，除非你的应用有特殊权限限制，不过拨号和打开邮件客户端属于系统跳转，通常不需要申请危险权限。

内容的提问来源于stack exchange，提问作者DevOverflow