React Native如何无第三方依赖打开移动端原生邮件应用

完全可以实现，无需引入任何第三方依赖，使用React Native内置核心模块即可完成需求。

利用系统通用的mailto协议，配合React Native官方内置的Linking模块完成跳转，传入空的协议路径时只会拉起原生邮件应用入口，不会触发邮件编辑、发送相关流程，完全匹配需求。

• 导入内置模块：直接从react-native核心包导入需要的API，无需额外安装依赖
• 平台配置：
  • iOS端：需要在项目的Info.plist文件中添加查询scheme白名单，否则iOS系统会拦截跳转请求，配置代码如下：

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

• Android端：无需额外配置，mailto是系统默认支持的通用协议，可直接调用
• 按钮交互逻辑：点击按钮时先校验设备是否支持拉起邮件应用，校验通过后执行跳转即可

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

export default function EmailEntryButton() {
  const openNativeEmailApp = async () => {
    try {
      const isSupport = await Linking.canOpenURL('mailto:');
      if (isSupport) {
        // 仅传mailto: 无额外参数，不会进入发信页，直接打开邮件应用入口
        await Linking.openURL('mailto:');
      } else {
        Alert.alert('提示', '当前设备未安装可用的邮件应用');
      }
    } catch (error) {
      console.error('拉起邮件应用失败：', error);
    }
  };

  return (
    <View style={{ flex: 1, justifyContent: 'center', paddingHorizontal: 24 }}>
      <Button title="打开邮件应用" onPress={openNativeEmailApp} />
    </View>
  );
}

• 调用openURL时不要在mailto:后拼接任何收件人、主题、正文参数，添加参数后会直接跳转至新建邮件编辑页，不符合仅打开应用入口的需求
• 必须保留canOpenURL的校验逻辑，避免设备无可用邮件应用时触发未捕获的报错
• 该方案兼容所有支持React Native的安卓、iOS系统版本，无额外兼容成本

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