You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native中如何用Linking.openUrl直接打开添加新联系人页面?

在React Native中通过Linking.openUrl打开系统添加新联系人页面

Android 端实现

Android系统支持通过标准Content URI直接打开添加联系人的页面,你可以直接用以下代码实现:

import { Linking } from 'react-native';

const openAddContactScreen = async () => {
  try {
    await Linking.openURL('content://contacts/people/new');
  } catch (err) {
    console.error('打开添加联系人页面失败:', err);
  }
};

别忘了在AndroidManifest.xml里添加必要的权限:

<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />

iOS 端实现

iOS没有公开的、能直接打开添加联系人页面的URL Scheme,所以仅靠Linking.openURL做不到直接跳转添加页面。如果需要这个功能,建议通过以下两种方式实现:

  1. 编写iOS原生模块,利用CNContactViewController创建并展示添加联系人的页面,再通过React Native桥接暴露给JS层
  2. 使用成熟的第三方库(比如react-native-contacts),这类库已经封装好了完整的联系人操作功能

如果只是想打开联系人应用列表,可以尝试contacts://这个Scheme,但它无法直接进入添加页面:

import { Linking } from 'react-native';

const openContactsApp = async () => {
  try {
    await Linking.openURL('contacts://');
  } catch (err) {
    console.error('打开联系人应用失败:', err);
  }
};

注意事项

  • Android的content://contacts/people/new是系统标准URI,绝大多数Android设备都兼容
  • iOS出于隐私和系统限制,没有开放直接跳转添加联系人页面的URL Scheme,原生集成或第三方库是更可靠的方案

内容的提问来源于stack exchange,提问作者Anjali

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.22 18:15:03