文章目录
- 1. 概念介绍
- 2. 使用方法
- 3. 代码与效果
- 3.1 示例代码
- 3.2 运行效果
我们在上一章回中介绍了包管理相关的内容,本章回中将介绍如何使用url_launcher包.闲话休提,让我们一起Talk Flutter吧。
1. 概念介绍
我们在这里介绍url_launcher包主要用来打开Url中的内容,Url可以是电话号码,网址,邮箱等内容。如果看官们有Android或者IOS的开发经验,那么我们在这里
说的Url和这两个平台上的Url是相同的内容。本章回中介绍如何使用url_launcher包来操作Url。
2. 使用方法
- 在yaml文件中添加url_launcher包;
- 在程序中创建一个Url对象并且将它解释成Uri对象;
- 使用包中的launchUrl()方法打开Url中的内容;
3. 代码与效果
3.1 示例代码
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包仓库的官方网站。、
3.2 运行效果
代码中注释掉的内容也可以使用,运行此部分内容时将会打开百度的官方网站。该段代码演示了如何给Uri对象指定scheme,该代码中如果不指定scheme,那么无法打
开百度网站。scheme还有其它类型,比如tel用来指定电话号码,file用来指定文件路径。我们在这里就不详细介绍scheme相关的内容了,后面章回中用来了再做介绍。
看官们,关于"如何使用url_launcher包"相关的内容就介绍到这里,欢迎大家在评论区交流与讨论!