首页 最新 热门 推荐

  • 首页
  • 最新
  • 热门
  • 推荐
2025年5月29日 星期四 3:24pm

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

  • 25-04-18 18:21
  • 2090
  • 5239
juejin.cn

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: [ 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开发资源:

  • Flutter官网:flutter.dev/
  • Flutter插件下载地址:pub.dev/packages
  • Flutter开发文档:flutter.cn/docs
  • Flutter中文社区:flutter.cn/
  • Dart中文文档:dart.cn/

iOS开发工具推荐:

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

注:本文转载自juejin.cn的开心就好2025的文章"https://juejin.cn/post/7493887688828157987"。版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。如有侵权,请联系我们删除。
复制链接
复制链接
相关推荐
开发工具Cursor Rules 最佳实践总结

Cursor Rules 最佳实践总结

作者:Eric技术圈见字如面,与大家分享实践中的经验与思考。使用 AI 编写代码的一大问题就是 AI 乱改,Cursor 引入了一项功能,称为 Cursor Rules。它能允许开发者规范 AI 的行为,提供更好的编码体验。让我们深入了解 ...
2025-04-25 2277 8118
开发工具

[bug]解决vscode+cline使用mcp服务报错spawn npx enoent spawn npx enoent

在使用MCP(Model ContextProtocol)协议进行大模型的使用时候,报错首先我在cmd出口和ps窗口都对node环境进行查看,如下:首先要说明下npx是在npm v5.2.0开始引进的命令,更好的安装最新版本的包,而mcp服...
2025-04-25 2769 9228
开发工具

Visual Studio2017安装教程(附安装包)

VisualStudio2017安装教程(评论区附赠安装包)1.下载打开2.双击打开后,点继续3.按需求选择“工作负荷”4.点击安装后,进入下载安装界面5.安装成功1.下载打开评论区置顶下载后,直接双击打开。2.双击打开后,点继续第一次打开...
2025-04-25 4373 5171
开发工具

IDEA转战Trae AI IED配置

Trae Ai 的前身是vscodeIDEA转战Trae AI IED配置1.安装java相关的插件2、安装spring相关的插件3.配置maven环境打开 Trae AIIDE-> 首选项 -> 设置 -> Editor 设置⚠️配置方式...
2025-04-25 4761 8767
发表评论
登录后才能发表评论和回复 注册

/ 登录

评论记录:

未查询到任何数据!
回复评论:

分类栏目

后端 (14832) 前端 (14280) 移动开发 (3760) 编程语言 (3851) Java (3904) Python (3298) 人工智能 (10119) AIGC (2810) 大数据 (3499) 数据库 (3945) 数据结构与算法 (3757) 音视频 (2669) 云原生 (3145) 云平台 (2965) 前沿技术 (2993) 开源 (2160) 小程序 (2860) 运维 (2533) 服务器 (2698) 操作系统 (2325) 硬件开发 (2492) 嵌入式 (2955) 微软技术 (2769) 软件工程 (2056) 测试 (2865) 网络空间安全 (2948) 网络与通信 (2797) 用户体验设计 (2592) 学习和成长 (2593) 搜索 (2744) 开发工具 (7108) 游戏 (2829) HarmonyOS (2935) 区块链 (2782) 数学 (3112) 3C硬件 (2759) 资讯 (2909) Android (4709) iOS (1850) 代码人生 (3043) 阅读 (2841)

热门文章

  • 1

    Cursor Rules 最佳实践总结

  • 2

    [bug]解决vscode+cline使用mcp服务报错spawn npx enoent spawn npx enoent

  • 3

    Visual Studio2017安装教程(附安装包)

  • 4

    IDEA转战Trae AI IED配置

  • 5

    【教程】Mac下安全删除系统自带输入法ABC,亲测靠谱!

  • 6

    【Docker】Docker容器无法连接 Docker Hub 下载镜像的详细排查与解决方案

  • 7

    必须安装的 IDEA 插件,强烈推荐【安装及教程】

  • 8

    『vscode扩展』代码格式化工具 Black Formatter

  • 9

    git clone 报错

  • 10

    麒麟V10离线安装UE5.3.2+Vulkan+VsCode,并进行UE开发

133
开发工具
关于我们 隐私政策 免责声明 联系我们
Copyright © 2020-2024 蚁人论坛 (iYenn.com) All Rights Reserved.
Scroll to Top