React Native中iOS端Linking打开短信框失败问题求助

问题现象 #

• 从其他页面通过路由参数route.params获取号码数组favNums，绑定按钮点击事件调用Linking.openURL打开短信框，Android端运行正常，但iOS端点击报错
• 硬编码单个号码（如281973902）时，iOS能正常打开短信框；但通过数组索引（如favNums[0]）获取号码时，仍出现相同错误

问题原因 #

iOS的sms: URL对号码格式要求更严格：

• 必须是纯数字字符串，不能是数字类型或包含空格、换行符等多余字符
• 路由传递的favNums数组元素可能是数字类型，或者存在隐藏的空白字符，导致拼接后的URL不符合iOS的要求

解决方案 #

对获取到的号码做以下处理：

1. 将号码转换为字符串类型
2. 去除所有空白字符（包括空格、换行、制表符等）
3. 可选：校验号码是否为纯数字，避免无效格式

修改后的代码示例：

const ButtonPress = () => {
    console.log('favNums', favNums);
    // 处理单个号码或数组整体：转字符串+去空白字符
    const targetNum = String(favNums).trim();
    // 若取数组第一个元素，处理方式如下
    // const targetNum = String(favNums[0]).trim();
    
    // 前置校验，避免无效值
    if (!targetNum) return;

    if (Platform.OS === 'ios') {
      // iOS的sms URL建议只传号码，部分版本不支持body参数
      Linking.openURL(`sms:${targetNum}`);
    } else {
      // Android端对body内容做URL编码，避免特殊字符报错
      const encodedBody = encodeURIComponent('Hello people');
      Linking.openURL(`sms:${targetNum}?body=${encodedBody}`);
    }
};

额外注意：

• iOS的sms: URL添加body参数存在兼容性问题，部分系统版本不支持，建议iOS端仅传递号码
• 确保路由传递的favNums是有效数据，避免传递null、undefined等无效值

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