如何在应用中创建可点击电话号码以直接唤起电话拨号？

下面按不同技术场景分别说明实现方式：

Web 端 #

直接使用HTML的tel协议链接，点击后会自动唤起设备电话应用并预填号码：

<a href="tel:+1234567890">+1 (234) 567-890</a>
<!-- 国内号码示例 -->
<a href="tel:13800138000">13800138000</a>

Android 原生应用 #

方式1：XML布局自动识别 #

给TextView或Button添加android:autoLink="phone"属性，系统会自动识别文本中的号码并设置可点击：

<TextView
    android:id="@+id/contact_phone"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="客服电话：13800138000"
    android:autoLink="phone" />

方式2：代码手动触发拨号 #

通过Intent调用拨号应用，适合自定义点击逻辑：

// Kotlin代码
val phoneNum = "13800138000"
val dialIntent = Intent(Intent.ACTION_DIAL, Uri.parse("tel:$phoneNum"))
startActivity(dialIntent)

// Java代码
String phoneNum = "13800138000";
Intent dialIntent = new Intent(Intent.ACTION_DIAL, Uri.parse("tel:" + phoneNum));
startActivity(dialIntent);

注意：ACTION_DIAL无需拨号权限，仅打开预填号码的拨号界面；若要直接拨号，需使用ACTION_CALL并申请android.permission.CALL_PHONE权限。

iOS 原生应用 #

方式1：UITextView自动识别 #

将UITextView的dataDetectorTypes设为.phoneNumber，自动识别文本中的号码：

let phoneTextView = UITextView()
phoneTextView.text = "联系我们：13800138000"
phoneTextView.dataDetectorTypes = .phoneNumber
phoneTextView.isEditable = false
phoneTextView.isSelectable = true

方式2：手动触发拨号 #

通过UIApplication调用tel协议链接：

if let dialUrl = URL(string: "tel://13800138000"), UIApplication.shared.canOpenURL(dialUrl) {
    UIApplication.shared.open(dialUrl)
}

iOS 10+需在Info.plist中添加LSApplicationQueriesSchemes数组，包含tel字段，否则canOpenURL会返回false。

Flutter 应用 #

使用url_launcher包实现，步骤如下：

1. 在pubspec.yaml中添加依赖：

dependencies:
  url_launcher: ^6.1.12

2. 编写拨号方法：

import 'package:url_launcher/url_launcher.dart';

void dialPhone(String phoneNumber) async {
  final Uri dialUri = Uri(
    scheme: 'tel',
    path: phoneNumber,
  );
  if (await canLaunchUrl(dialUri)) {
    await launchUrl(dialUri);
  } else {
    throw '无法拨打该号码';
  }
}

调用时直接执行dialPhone("13800138000")即可。

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