第七十六回：如何使用url_launcher包

最新推荐文章于 2025-09-11 09:16:16 发布

原创最新推荐文章于 2025-09-11 09:16:16 发布 · 670 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#url操作 #url_lauhcher插件 #flutter url操作

一起Talk Flutter吧专栏收录该内容

961 篇文章

订阅专栏

文章目录

概念介绍
使用方法
示例代码

我们在上一章回中介绍了包管理相关的内容，本章回中将介绍如何使用 url_launcher包.闲话休提，让我们一起Talk Flutter吧。

概念介绍

我们在这里介绍url_launcher包主要用来打开Url中的内容，Url可以是电话号码，网址，邮箱等内容。如果看官们有Android或者IOS的开发经验，那么我们在这里说的Url和这两个平台上的Url是相同的内容。本章回中介绍如何使用url_launcher包来操作Url。

使用方法

在yaml文件中添加url_launcher包；
在程序中创建一个Url对象并且将它解释成Uri对象；
使用包中的launchUrl()方法打开Url中的内容；

示例代码

Future<void> _launchUrl()async {
    var url = 'https://pub.dev';
      if(!await launchUrl(Uri.parse(url))) {
      throw Exception('could not launch url');
    }

      //通过scheme指定
    /*
    Uri uri = Uri(scheme: 'https',
        path: 'www.baidu.com');
    if(!await launchUrl(uri)) {
      throw Exception('could not launch url');
    }
     */
}
//把上面的方法传递给button的onPress属性
IconButton(
    onPressed: _launchUrl,
    icon:Icon(Icons.web_rounded),
),

在上面的代码中，我们使用Flutter包仓库的网址创建了一个Url对象，然后使用launcher()方法打开网址，注意：使用此方法时需要通过异步操作实现，我们在后面章回中将介绍异步操作相关的内容。编译并且运行上面的程序就会看到一个图标按钮，点击按钮就可以打开Fluttter包仓库的官方网站。

代码中注释掉的内容也可以使用，运行此部分内容时将会打开百度的官方网站。该段代码演示了如何给Uri对象指定scheme，该代码中如果不指定scheme，那么无法打开百度网站。

scheme还有其它类型，比如tel用来指定电话号码，file用来指定文件路径。我们在这里就不详细介绍scheme相关的内容了，后面章回中用到了再做介绍。

看官们，关于"如何使用url_launcher包"相关的内容就介绍到这里，欢迎大家在评论区交流与讨论!