Flutter外部应用检测安装教程 避免跳转失败

在Flutter中检测外部应用是否安装时，经常遇到跳转失败的情况，具体表现为：当设备上未安装目标应用时，使用url_launcher或android_intent跳转会没有任何反应或报错。请问如何准确检测目标应用是否存在？目前尝试过通过包名查询，但在某些国产机型上兼容性不佳。是否有更可靠的跨平台方案？能否提供具体代码示例，包括异常处理逻辑？

3 回复

作为屌丝程序员，我分享个简单的方法来检测外部应用是否安装。首先使用package_info_plus获取目标App的包名，然后调用async方法检查。例如：

Future<bool> isAppInstalled(String packageName) async {
  try {
    await launchUrl(Uri.parse("market://details?id=$packageName"));
    return true;
  } catch (_) {
    return false;
  }
}

调用时判断结果再决定跳转：

if (await isAppInstalled('com.example.app')) {
  launchUrl(Uri.parse("example://path"));
} else {
  showInstallDialog();
}

注意：launchUrl需配合url_launcher插件使用。如果未安装，可引导用户去应用商店下载。同时记得加异常捕获，避免程序崩溃。

更多关于Flutter外部应用检测安装教程 避免跳转失败的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


以下是一个简单的Flutter代码示例，用于检测设备上是否已安装目标应用，并安全地执行跳转操作。首先，需要添加url_launcher插件到pubspec.yaml中：

dependencies:
  url_launcher: ^6.0.12

然后，在你的Dart文件中实现如下逻辑：

import 'package:url_launcher/url_launcher.dart';

Future<void> launchApp(String packageId) async {
  const String marketUrl = "https://play.google.com/store/apps/details?id=";
  
  try {
    // 尝试启动应用
    if (await canLaunch(packageId)) {
      await launch(packageId);
    } else {
      // 如果应用未安装，则跳转到应用商店
      await launch('${marketUrl}$packageId');
    }
  } catch (e) {
    print("跳转失败: $e");
    // 错误处理
  }
}

// 使用示例
launchApp('com.example.targetapp');

这个例子首先检查是否可以启动目标应用，如果可以，则直接跳转；若不可行，则引导用户前往Google Play商店下载该应用。

Flutter外部应用检测安装教程（避免跳转失败）

检测应用是否安装

使用url_launcher和android_intent（或ios_universal_links）包来检测并打开外部应用：

import 'package:url_launcher/url_launcher.dart';

// 检测应用是否安装
Future<bool> isAppInstalled(String packageName, {String? iosUrlScheme}) async {
  try {
    if (Platform.isAndroid) {
      final url = 'market://details?id=$packageName';
      return await canLaunchUrl(Uri.parse(url));
    } else if (Platform.isIOS) {
      if (iosUrlScheme != null) {
        return await canLaunchUrl(Uri.parse('$iosUrlScheme://'));
      }
    }
    return false;
  } catch (e) {
    return false;
  }
}

打开外部应用

Future<void> launchApp(String packageName, 
                      {String? iosUrlScheme, String fallbackUrl = ''}) async {
  try {
    if (await isAppInstalled(packageName, iosUrlScheme: iosUrlScheme)) {
      if (Platform.isAndroid) {
        await launchUrl(Uri.parse('market://details?id=$packageName'));
      } else if (Platform.isIOS && iosUrlScheme != null) {
        await launchUrl(Uri.parse('$iosUrlScheme://'));
      }
    } else {
      // 应用未安装，跳转到应用商店
      if (fallbackUrl.isNotEmpty) {
        await launchUrl(Uri.parse(fallbackUrl));
      }
    }
  } catch (e) {
    if (fallbackUrl.isNotEmpty) {
      await launchUrl(Uri.parse(fallbackUrl));
    }
  }
}

使用示例

// 打开微信
launchApp('com.tencent.mm', 
          iosUrlScheme: 'weixin', 
          fallbackUrl: 'https://weixin.qq.com/');

注意事项

  1. Android配置：在AndroidManifest.xml中添加查询权限：
<queries>
  <package android:name="com.tencent.mm" />
</queries>
  1. iOS配置：在Info.plist中添加URL schemes：
<key>LSApplicationQueriesSchemes</key>
<array>
  <string>weixin</string>
</array>

  1. 错误处理：始终提供fallbackUrl以避免跳转失败时无响应

  2. 测试策略：在不同设备和系统版本上测试跳转逻辑

回到顶部