使用Linking.openURL无法唤起电话呼叫的技术问题求助

我之前在Expo SDK 27的环境里遇到过一模一样的问题，Android端报的那个空指针错误，本质是因为Expo对电话链接的处理有特定要求，加上没有正确处理异步操作和权限配置导致的。下面是具体的解决方案：

1. 配置必要的权限和Scheme #

在项目根目录的app.json文件里，添加对应平台的配置项：

iOS端配置 #

在expo.ios.infoPlist中声明允许查询tel协议：

{
  "expo": {
    "ios": {
      "infoPlist": {
        "LSApplicationQueriesSchemes": ["tel"]
      }
    }
  }
}

Android端配置 #

在expo.android.permissions中添加电话调用权限：

{
  "expo": {
    "android": {
      "permissions": ["android.permission.CALL_PHONE"]
    }
  }
}

2. 修改代码，正确处理异步操作和错误 #

原始代码没有处理Linking方法的异步特性，也没有错误捕获，这会导致调用流程不稳定。修改后的代码如下：

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

export default class App extends React.Component {
  _pressCall = async () => {
    const telUrl = 'tel:+123456789';
    try {
      // 先验证设备是否支持打开该URL
      const isSupported = await Linking.canOpenURL(telUrl);
      if (isSupported) {
        // 确认支持后再唤起电话应用
        await Linking.openURL(telUrl);
      } else {
        Alert.alert('提示', '当前设备无法打开电话应用');
      }
    } catch (error) {
      // 捕获并处理所有异常
      Alert.alert('错误', `唤起电话失败：${error.message}`);
      console.error('电话调用出错详情:', error);
    }
  };

  render() {
    return (
      <View style={styles.container}>
        <Button title='拨打电话' onPress={this._pressCall} />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

为什么这样能解决问题？ #

• 异步处理：Linking.canOpenURL()和Linking.openURL()都是异步方法，必须用async/await或者.then()链式调用等待结果，否则可能出现内部状态异常（也就是你遇到的空指针错误）。
• 权限声明：Android需要明确申请CALL_PHONE权限才能唤起电话功能，iOS则需要声明允许查询tel协议，否则系统会阻止应用调用相关功能。
• 错误捕获：添加try/catch可以捕获权限不足、设备不支持等异常情况，避免应用崩溃，同时给用户明确的提示。

如果你在Expo Snack里测试，记得在Snack的app.json配置页里添加上述权限和Scheme，否则测试可能还是会失败。

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