最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

Flutter url_launcher插件的使用教程

杂文 太平洋学习网 浏览 评论

Flutter url_launcher插件使用非常简单,在学习如何使用它之前,小编将来介绍一下url_launcher插件的作用与使用场景,以及url_launcher与webView的区别。

url_launcher使用场景

当我们在QQ聊天的过程中,如果有人给我们发送了一个手机号码,当我们用手指点这个手机号码的时候,QQ软件会弹出手机默认的拨打电话的弹窗。

如果对方发送的邮件,QQ也会调用我们手机默认的邮件软件让我们发邮件给对方。

如果对方给我们发送了一个网址,当我们在QQ中打开这个网址的时候,QQ会提醒我们是否使用默认浏览器打开该网址,如果确认之后,就会自动调用我们手机的默认浏览器。

有些软件还会提供一个短信发送按钮,当我们点击该按钮的时候,就会自动调用手机的短信发送功能。

这些在原生的Android与IOS开发中,都会提供对应的类来解决这些问题,那么在我们的Flutter开源框架中,该如何实现这些功能呢?这个时候Flutter就为我们提供了url_launcher插件来实现此功能,如下是url_launcher的规则:

URL规则示例作用
http:<URL> , https:<URL>, e.g. http://flutter.io在默认浏览器中打开网址
mailto:<email address>?subject=<subject>&body=<body>, e.g. mailto:smith@example.org?subject=News&body=New%20plugin在默认邮件应用中给指定邮箱发送邮件
tel:<phone number>, e.g. tel:+1 555 010 999默认拨打电话功能
sms:<phone number>, e.g. sms:5550101234发送SMS信息

如何在我们的Flutter项目中加入url_launcher插件呢?

首先需要在我们项目的“pubspec.yaml”配置文件的dependencies中加入url_launcher插件的依赖“url_launcher: ^3.0.2”,如图所示:

QQ截图20181017123108.jpg

yaml配置文件是很严格的,一个空格都会影响插件的加载成功与否,所以这点要注意。

如何在Flutter项目代码中使用url_launcher插件?,以点击button按钮之后加载Flutter主页为例,如下:

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.io';
  if (await canLaunch(url)) {
    await launch(url);
  } else {
    throw 'Could not launch $url';
  }
}

最上面有介绍到URL规则,假如我要给某个手机打电话,我们可以将const url = 'https://flutter.io'; 换成 const url = 'tel://18620145489'; 即可。

url_launcher与webView的区别

url_launcher插件是用来唤起手机系统的默认应用,并浏览网页,发送短信,打电话,都是在本app应用外做事情,而webview是在应用内打开网页,相当于把浏览器内置到自己的app中了。

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/zawen/2018/1017/781.html

    与本文相关的文章

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)

    网友最新评论