Expo版React Native：如何在APP内打开短信/邮件而非跳转系统应用

核心方案：使用Expo Mail Composer #

Expo官方提供的expo-mail-composer库可以直接在应用内唤起邮件编辑界面，无需跳转系统邮件应用，完美匹配你的需求。

步骤1：安装依赖 #

在项目根目录执行安装命令：

npx expo install expo-mail-composer

步骤2：替换原有代码实现应用内邮件界面 #

把你原来的Linking跳转代码替换为以下内容：

import * as MailComposer from 'expo-mail-composer';
import * as Linking from 'expo-linking';
import { TouchableOpacity } from 'react-native';
import Feather from '@expo/vector-icons/Feather';

// ... 你的其他组件代码

<TouchableOpacity 
  style={styles.iconContainer} 
  onPress={async () => {
    // 先检查设备是否支持应用内邮件编辑
    const canUseComposer = await MailComposer.isAvailableAsync();
    if (canUseComposer) {
      // 唤起应用内邮件编辑界面
      await MailComposer.composeAsync({
        recipients: [email], // 预设收件人地址
        // 可选配置项，按需添加
        // subject: '默认邮件主题',
        // body: '默认邮件正文',
        // isHtml: false // 是否启用HTML格式正文
      });
    } else {
      // 设备不支持时，降级使用系统邮件跳转
      Linking.openURL(`mailto:${email}`);
    }
  }}
>
  <Feather name="mail" size={20} color="black" />
</TouchableOpacity>

关键说明 #

• composeAsync方法会在应用内弹出叠加式的邮件编辑界面，用户完成发送或取消操作后，会直接回到你的应用，不会离开当前页面。
• 用isAvailableAsync做兼容性检查，避免在无邮件账户或不支持的设备上出现异常，同时保留原有的Linking方案作为降级兜底。
• 可以通过配置参数预设收件人、主题、正文等内容，减少用户的操作步骤。

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