Flutter中如何无需第三方插件实现从App跳转到外部网站或Play商店

无需引入webview_flutter这类webview相关第三方插件，可通过以下两种方案实现需求：

方案一：使用Flutter官方维护的url_launcher（无内置webview依赖） #

url_launcher是Flutter官方团队维护的系统跳转能力插件，不属于第三方个人开发的webview类插件，实现成本更低：

• 第一步：在pubspec.yaml中添加依赖

dependencies:
  flutter:
    sdk: flutter
  url_launcher: ^6.2.5

• 第二步：适配安卓高版本跳转权限，在android/app/src/main/AndroidManifest.xml中添加<queries>标签配置（和<application>标签平级）

<queries>
  <intent>
    <action android:name="android.intent.action.VIEW" />
    <data android:scheme="https" />
  </intent>
  <intent>
    <action android:name="android.intent.action.VIEW" />
    <data android:scheme="market" />
  </intent>
</queries>

• 第三步：按钮逻辑实现

import 'package:url_launcher/url_launcher.dart';

ElevatedButton(
  onPressed: () async {
    // 替换为目标应用的Play Store包名
    const targetPackageId = "com.example.app";
    final playStoreSchemaUri = Uri.parse("market://details?id=$targetPackageId");
    final webPlayStoreUri = Uri.parse("https://play.google.com/store/apps/details?id=$targetPackageId");
    
    // 优先跳转到原生Play Store应用
    if (await canLaunchUrl(playStoreSchemaUri)) {
      await launchUrl(playStoreSchemaUri);
    } else {
      // 未安装Play Store则调用外部浏览器打开网页版，不会使用应用内webview
      await launchUrl(webPlayStoreUri, mode: LaunchMode.externalApplication);
    }
  },
  child: const Text("跳转Play Store"),
)

方案二：完全不引入任何pub依赖，通过原生平台通道实现 #

如果不想引入任何pub.dev上的包，可以自行实现Flutter和安卓原生的方法通道完成跳转：

• 第一步：Flutter端定义方法通道并绑定按钮逻辑

import 'package:flutter/services.dart';

// 通道名可自行定义，和原生端保持一致即可
const _platformChannel = MethodChannel('com.yourAppChannel/openPlayStore');

ElevatedButton(
  onPressed: () async {
    try {
      await _platformChannel.invokeMethod('open', {
        "packageId": "com.example.app" // 替换为目标应用包名
      });
    } catch (e) {
      // 可自行添加异常处理逻辑
    }
  },
  child: const Text("跳转Play Store"),
)

• 第二步：安卓端实现通道逻辑，在android/app/src/main/kotlin/你的包名路径/MainActivity.kt中添加如下代码：

import android.content.Intent
import android.net.Uri
import android.os.Bundle
import io.flutter.embedding.android.FlutterActivity
import io.flutter.embedding.engine.FlutterEngine
import io.flutter.plugin.common.MethodChannel

class MainActivity : FlutterActivity() {
  private val CHANNEL = "com.yourAppChannel/openPlayStore"

  override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
    super.configureFlutterEngine(flutterEngine)
    MethodChannel(flutterEngine.dartExecutor.binaryMessenger, CHANNEL).setMethodCallHandler { call, result ->
      if (call.method == "open") {
        val packageId = call.argument<String>("packageId") ?: ""
        try {
          // 优先跳原生Play Store
          startActivity(Intent(Intent.ACTION_VIEW, Uri.parse("market://details?id=$packageId")))
          result.success(true)
        } catch (e: Exception) {
          // 兜底跳外部浏览器网页版
          startActivity(Intent(Intent.ACTION_VIEW, Uri.parse("https://play.google.com/store/apps/details?id=$packageId")))
          result.success(true)
        }
      } else {
        result.notImplemented()
      }
    }
  }
}

以上两种方案都不会用到webview相关能力，所有跳转均调用系统原生应用/外部浏览器完成，符合需求。

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