Flutter增强URL启动插件enhanced_url_launcher_ios的使用

发布于 1周前 作者 wuwangju 来自 Flutter

Flutter增强URL启动插件enhanced_url_launcher_ios的使用

enhanced_url_launcher 是一个用于在 Flutter 应用中启动 URL 的插件。这个插件的 iOS 实现由 enhanced_url_launcher_ios 包提供。

使用方法

该包已被官方推荐为“受赞助的联邦插件”,这意味着你只需像平常一样使用 enhanced_url_launcher 即可。当你这样做的时候,这个包会自动包含在你的应用中,因此你无需在 pubspec.yaml 文件中添加它。

然而,如果你导入此包以直接使用其 API,则应将其添加到你的 pubspec.yaml 文件中。

完整示例代码

以下是完整的示例代码,展示了如何使用 enhanced_url_launcher_ios 插件来启动不同类型的 URL:

// Copyright 2013 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

// ignore_for_file: public_member_api_docs

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:enhanced_url_launcher_platform_interface/enhanced_url_launcher_platform_interface.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'URL Launcher',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'URL Launcher'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});
  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  Future<void>? _launched;
  String _phone = '';

  Future<void> _launchInBrowser(String url) async {
    final UrlLauncherPlatform launcher = UrlLauncherPlatform.instance;
    if (await launcher.canLaunch(url)) {
      await launcher.launch(
        url,
        useSafariVC: false,
        useWebView: false,
        enableJavaScript: false,
        enableDomStorage: false,
        universalLinksOnly: false,
        headers: {'my_header_key': 'my_header_value'}, // 添加自定义头部
      );
    } else {
      throw Exception('Could not launch $url');
    }
  }

  Future<void> _launchInWebViewOrVC(String url) async {
    final UrlLauncherPlatform launcher = UrlLauncherPlatform.instance;
    if (await launcher.canLaunch(url)) {
      await launcher.launch(
        url,
        useSafariVC: true,
        useWebView: true,
        enableJavaScript: false,
        enableDomStorage: false,
        universalLinksOnly: false,
        headers: {'my_header_key': 'my_header_value'}, // 添加自定义头部
      );
    } else {
      throw Exception('Could not launch $url');
    }
  }

  Future<void> _launchInWebViewWithJavaScript(String url) async {
    final UrlLauncherPlatform launcher = UrlLauncherPlatform.instance;
    if (await launcher.canLaunch(url)) {
      await launcher.launch(
        url,
        useSafariVC: true,
        useWebView: true,
        enableJavaScript: true,
        enableDomStorage: false,
        universalLinksOnly: false,
        headers: {}, // 空头部
      );
    } else {
      throw Exception('Could not launch $url');
    }
  }

  Future<void> _launchInWebViewWithDomStorage(String url) async {
    final UrlLauncherPlatform launcher = UrlLauncherPlatform.instance;
    if (await launcher.canLaunch(url)) {
      await launcher.launch(
        url,
        useSafariVC: true,
        useWebView: true,
        enableJavaScript: false,
        enableDomStorage: true,
        universalLinksOnly: false,
        headers: {}, // 空头部
      );
    } else {
      throw Exception('Could not launch $url');
    }
  }

  Future<void> _launchUniversalLinkIos(String url) async {
    final UrlLauncherPlatform launcher = UrlLauncherPlatform.instance;
    if (await launcher.canLaunch(url)) {
      final bool nativeAppLaunchSucceeded = await launcher.launch(
        url,
        useSafariVC: false,
        useWebView: false,
        enableJavaScript: false,
        enableDomStorage: false,
        universalLinksOnly: true,
        headers: {},
      );
      if (!nativeAppLaunchSucceeded) {
        await launcher.launch(
          url,
          useSafariVC: true,
          useWebView: true,
          enableJavaScript: false,
          enableDomStorage: false,
          universalLinksOnly: true,
          headers: {},
        );
      }
    }
  }

  Widget _launchStatus(BuildContext context, AsyncSnapshot<void> snapshot) {
    if (snapshot.hasError) {
      return Text('Error: ${snapshot.error}');
    } else {
      return const Text('');
    }
  }

  Future<void> _makePhoneCall(String url) async {
    final UrlLauncherPlatform launcher = UrlLauncherPlatform.instance;
    if (await launcher.canLaunch(url)) {
      await launcher.launch(
        url,
        useSafariVC: false,
        useWebView: false,
        enableJavaScript: false,
        enableDomStorage: false,
        universalLinksOnly: true,
        headers: {},
      );
    } else {
      throw Exception('Could not launch $url');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    const String toLaunch = 'https://www.cylog.org/headers/';
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: ListView(
        children: [
          Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Padding(
                padding: const EdgeInsets.all(16.0),
                child: TextField(
                    onChanged: (String text) => _phone = text,
                    decoration: const InputDecoration(
                        hintText: '输入要拨打的电话号码')),
              ),
              ElevatedButton(
                onPressed: () => setState(() {
                  _launched = _makePhoneCall('tel:$_phone');
                }),
                child: const Text('拨打电话'),
              ),
              const Padding(
                padding: EdgeInsets.all(16.0),
                child: Text(toLaunch),
              ),
              ElevatedButton(
                onPressed: () => setState(() {
                  _launched = _launchInBrowser(toLaunch);
                }),
                child: const Text('在浏览器中打开'),
              ),
              const Padding(padding: EdgeInsets.all(16.0)),
              ElevatedButton(
                onPressed: () => setState(() {
                  _launched = _launchInWebViewOrVC(toLaunch);
                }),
                child: const Text('在应用内打开'),
              ),
              ElevatedButton(
                onPressed: () => setState(() {
                  _launched = _launchInWebViewWithJavaScript(toLaunch);
                }),
                child: const Text('在应用内打开(启用JavaScript)'),
              ),
              ElevatedButton(
                onPressed: () => setState(() {
                  _launched = _launchInWebViewWithDomStorage(toLaunch);
                }),
                child: const Text('在应用内打开(启用DOM存储)'),
              ),
              const Padding(padding: EdgeInsets.all(16.0)),
              ElevatedButton(
                onPressed: () => setState(() {
                  _launched = _launchUniversalLinkIos(toLaunch);
                }),
                child: const Text('在原生应用中打开通用链接,如果失败则在Safari中打开(YouTube)'),
              ),
              const Padding(padding: EdgeInsets.all(16.0)),
              ElevatedButton(
                onPressed: () => setState(() {
                  _launched = _launchInWebViewOrVC(toLaunch);
                  Timer(const Duration(seconds: 5), () {
                    UrlLauncherPlatform.instance.closeWebView();
                  });
                }),
                child: const Text('在应用内打开 + 5秒后关闭'),
              ),
              const Padding(padding: EdgeInsets.all(16.0)),
              FutureBuilder<void>(future: _launched, builder: _launchStatus),
            ],
          ),
        ],
      ),
    );
  }
}

更多关于Flutter增强URL启动插件enhanced_url_launcher_ios的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter增强URL启动插件enhanced_url_launcher_ios的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,以下是如何在Flutter项目中使用enhanced_url_launcher_ios插件的示例代码。这个插件主要用于在iOS平台上增强URL启动功能。需要注意的是,这个插件可能主要针对iOS进行了增强,因此在Android上可能不会有特别的增强效果,但基本的URL启动功能依然可用。

首先,确保你已经在pubspec.yaml文件中添加了enhanced_url_launcher_ios依赖:

dependencies:
  flutter:
    sdk: flutter
  enhanced_url_launcher_ios: ^最新版本号  # 替换为实际的最新版本号

然后,运行flutter pub get来安装依赖。

接下来,在iOS特定的代码中使用这个插件。由于这个插件主要增强了iOS的功能,你可能需要在ios/Runner目录下进行一些配置,但大多数情况下,你可以直接在Dart代码中调用相关功能。

以下是一个简单的示例,展示如何使用enhanced_url_launcher_ios来打开一个URL:

import 'package:flutter/material.dart';
import 'package:enhanced_url_launcher_ios/enhanced_url_launcher_ios.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Enhanced URL Launcher Example'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: _launchURL,
            child: Text('Launch URL'),
          ),
        ),
      ),
    );
  }

  Future<void> _launchURL() async {
    const url = 'https://www.example.com';
    if (await canLaunchUrl(url)) {
      try {
        await launchUrl(url);
      } catch (e) {
        // 处理异常,例如URL无法打开的情况
        print('Failed to launch $url: ${e.message}');
      }
    } else {
      // 处理URL无法被识别的情况
      throw UnsupportedError('Could not launch $url');
    }
  }
}

注意,由于enhanced_url_launcher_ios可能提供了比url_launcher更丰富的功能(如更精细的控制、回调等),你可能需要查阅该插件的官方文档来了解所有可用的功能和API。但基本的URL启动流程如上所示。

此外,由于enhanced_url_launcher_ios是一个针对iOS的增强插件,你可能需要在iOS项目中进行一些额外的配置,比如修改Info.plist来允许应用打开特定的URL scheme。这通常涉及到添加如<key>LSApplicationQueriesSchemes</key><array>...</array>这样的配置。但具体需要添加哪些scheme,取决于你的应用需要打开哪些类型的URL。

最后,请务必查阅enhanced_url_launcher_ios的官方文档和示例代码,以获取最新的使用指南和最佳实践。由于插件的API和功能可能会随着版本更新而变化,因此确保你使用的是最新版本的插件文档。

回到顶部