使用url_launcher向WhatsApp发送位置失败，求解决组件名称为空问题

问题根源分析 #

你的代码存在三个核心问题：

1. 位置消息格式错误：locationMessage里混入了HTML标签，且URL拼接语法断裂（${position后错误闭合标签，导致纬度取值代码失效），生成的内容不符合WhatsApp URI要求。
2. 电话号码格式不正确：WhatsApp的URI要求号码必须是带+号的完整国际区号格式，仅输入区号+号码会导致识别失败。
3. 未对文本内容做URL编码：消息中的空格、特殊字符会破坏URI结构，导致系统无法正确解析。

修正后的代码 #

import 'package:url_launcher/url_launcher.dart';

// 假设position是已获取到的Location对象
void sendEmergencyLocation(Position position) async {
  // 生成纯文本格式的位置链接，移除HTML标签
  String locationUrl = "https://www.google.com/maps/search/?api=1&query=${position.latitude},${position.longitude}";
  String locationMessage = "Emergency! I need help. Here is my current location: $locationUrl";

  // 修正电话号码格式，添加+号和完整国际区号
  String phoneNumber = "+372990290"; 

  // 对消息文本进行URL编码，避免特殊字符破坏URI结构
  String encodedMessage = Uri.encodeComponent(locationMessage);
  String whatsappUrl = "whatsapp://send?phone=$phoneNumber&text=$encodedMessage";

  Uri uri = Uri.parse(whatsappUrl);
  if (await canLaunchUrl(uri)) {
    await launchUrl(uri);
  } else {
    throw 'Could not launch $whatsappUrl';
  }
}

关键修改说明 #

• 移除HTML标签：WhatsApp的text参数仅支持纯文本，直接拼接地图链接即可，无需<a>标签。
• 修正号码格式：必须以+开头，紧跟国际区号（比如爱沙尼亚区号为372，号码需写成+372990290）。
• URL编码消息：使用Uri.encodeComponent()对整个locationMessage编码，转义空格、?、&等特殊字符，保证URI结构完整。
• 修复位置URL拼接：修正原代码中纬度取值的语法错误，直接正确拼接经纬度到地图URL中。

额外注意事项 #

• 确保设备已安装WhatsApp应用，canLaunchUrl会检查是否支持该URI。
• iOS平台需在Info.plist中添加WhatsApp的URL Scheme白名单：

  <key>LSApplicationQueriesSchemes</key>
  <array>
    <string>whatsapp</string>
  </array>
  

• Android平台需在AndroidManifest.xml中添加查询权限：

  <queries>
    <package android:name="com.whatsapp" />
  </queries>
  

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