【Flutter】Flutter 打开第三方应用 ( url_launcher 插件搜索与安装 | url_launcher 插件官方示例 | 打开浏览器 |

Flutter中使用url_launcher插件实现应用间跳转

文章目录

  • 一、url_launcher插件搜索与安装
    • 1、搜索url_launcher插件
    • 2、安装url_launcher插件
  • 二、url_launcher插件官方示例
  • 三、打开浏览器
  • 四、打开第三方应用
  • 五、完整代码示例
  • 六、相关资源

一、url_launcher插件搜索与安装

1、搜索url_launcher插件

url_launcher是Flutter官方提供的用于打开第三方应用的插件。对于iOS开发者来说,在使用这类功能插件时,可以配合AppUploader这样的iOS开发助手工具,它能帮助开发者快速完成iOS应用的打包、上传和发布流程。

在pub.dev搜索并安装url_launcher插件:

arduino 复制代码
https://pub.dev/packages/url_launcher

2、安装url_launcher插件

安装步骤:

  1. 在pubspec.yaml配置文件中添加依赖:
yaml 复制代码
dependencies:
  url_launcher: ^5.7.10
  1. 点击"Pub get"按钮获取插件

  2. 导入头文件:

dart 复制代码
import 'package:url_launcher/url_launcher.dart';

二、url_launcher插件官方示例

dart 复制代码
import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';

void main() {
  runApp(Scaffold(
    body: Center(
      child: RaisedButton(
        onPressed: _launchURL,
        child: Text('Show Flutter homepage'),
      ),
    ),
  ));
}

_launchURL() async {
  const url = 'https://flutter.dev';
  if (await canLaunch(url)) {
    await launch(url);
  } else {
    throw 'Could not launch $url';
  }
}

三、打开浏览器

dart 复制代码
// 打开浏览器按钮
RaisedButton(
  onPressed: () async {
    const url = 'https://blog.csdn.net/shulianghan';
    if (await canLaunch(url)) {
      await launch(url);
    } else {
      throw 'Could not launch $url';
    }
  },
  child: Text("打开浏览器"),
),

四、打开第三方应用

打开第三方应用需要知道该应用的schema或url。对于iOS开发者,使用AppUploader可以方便地测试这些URL Scheme是否正常工作,因为它提供了真机调试和快速打包的功能。

dart 复制代码
// 打开Google地图
RaisedButton(
  onPressed: () async {
    const url = 'geo:116.3,39.95';
    if (await canLaunch(url)) {
      await launch(url);
    } else {
      const url_ios = 'http://maps.apple.com/?ll=116.3,39.95';
      if (await canLaunch(url_ios)) {
        await launch(url_ios);
      } else {
        throw 'Could not launch $url';
      }
    }
  },
  child: Text("打开地图"),
),

五、完整代码示例

dart 复制代码
import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';

class LauncherPage extends StatefulWidget {
  @override
  _LauncherPageState createState() => _LauncherPageState();
}

class _LauncherPageState extends State<LauncherPage> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "第三方应用跳转",
      theme: ThemeData(primarySwatch: Colors.blue),
      home: Scaffold(
        appBar: AppBar(
          title: Text("第三方应用跳转"),
          leading: GestureDetector(
            onTap: (){
              Navigator.pop(context);
            },
            child: Icon(Icons.arrow_back_ios),
          ),
        ),
        body: Container(
          alignment: Alignment.center,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              RaisedButton(
                onPressed: () async {
                  const url = 'https://blog.csdn.net/shulianghan';
                  if (await canLaunch(url)) {
                    await launch(url);
                  } else {
                    throw 'Could not launch $url';
                  }
                },
                child: Text("打开浏览器"),
              ),
              RaisedButton(
                onPressed: () async {
                  const url = 'geo:116.3,39.95';
                  if (await canLaunch(url)) {
                    await launch(url);
                  } else {
                    const url_ios = 'http://maps.apple.com/?ll=116.3,39.95';
                    if (await canLaunch(url_ios)) {
                      await launch(url_ios);
                    } else {
                      throw 'Could not launch $url';
                    }
                  }
                },
                child: Text("打开地图"),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

六、相关资源

Flutter开发资源:

iOS开发工具推荐:

对于需要将Flutter应用发布到App Store的开发者,可以使用AppUploader这样的工具来简化iOS应用的打包和上传流程。它能帮助开发者快速完成证书管理、应用打包和App Store Connect上传等操作,特别适合不熟悉Xcode配置的跨平台开发者。

相关推荐
程序员小凯12 分钟前
Spring Boot测试框架详解
java·spring boot·后端
你的人类朋友1 小时前
什么是断言?
前端·后端·安全
程序员小凯2 小时前
Spring Boot缓存机制详解
spring boot·后端·缓存
i学长的猫2 小时前
Ruby on Rails 从0 开始入门到进阶到高级 - 10分钟速通版
后端·ruby on rails·ruby
用户21411832636023 小时前
别再为 Claude 付费!Codex + 免费模型 + cc-switch,多场景 AI 编程全搞定
后端
茯苓gao3 小时前
Django网站开发记录(一)配置Mniconda,Python虚拟环境,配置Django
后端·python·django
Cherry Zack3 小时前
Django视图进阶:快捷函数、装饰器与请求响应
后端·python·django
爱读源码的大都督3 小时前
为什么有了HTTP,还需要gPRC?
java·后端·架构
码事漫谈3 小时前
致软件新手的第一个项目指南:阶段、文档与破局之道
后端
间彧3 小时前
Spring Boot条件注解详解与项目实战
后端