Flutter启动浏览器打开URL

最新推荐文章于 2024-07-24 18:29:48 发布

fundroid

最新推荐文章于 2024-07-24 18:29:48 发布

阅读量6k

点赞数 1

分类专栏： Flutter 文章标签： Flutter 浏览器 URL

本文链接：https://blog.csdn.net/vitaviva/article/details/105312024

版权

Flutter 专栏收录该内容

32 篇文章 2 订阅

订阅专栏

url_lancher

通过url_lancher插件，Flutter可以通过URL跳转浏览器、电话、邮件等三方native应用，url_lancher同时支持Android和iOS上的使用
https://pub.dev/packages/url_launcher

可以处理的URL种类如下：

类型	URL	例子
打开浏览器	http:<URL>	http://flutter.dev
拨打电话	mailto:<address>?subject=<subject>&body=<body>	mailto:foo@example.com?subject=Title&body=Hello!
发送邮件	tel:<phone_number>	tel:+12223334444
发送SMS	sms:<phone_number>	sms:2223334444

Sample

通过一个简单的例子验证一下插件功能：
在这里插入图片描述

pubspec.yaml 中添加依赖：

dependencies:
  url_launcher: ^5.2.7

实现代码如下：

import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';

void main() => runApp(
      MaterialApp(
        home: MyApp(),
      ),
    );

class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _State();
  }
}

class _State extends State<MyApp> {
  var _status = 'Ready';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('URL Test'),
      ),
      body: Center(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: <Widget>[
            RaisedButton(
              child: Text('Website'),
              onPressed: () {
                var url = 'http://flutter.dev';
                _launchUrl('$url');
              },
            ),
            RaisedButton(
              child: Text('Email'),
              onPressed: () {
                var email = 'test@example.com';
                var subject = Uri.encodeComponent('Hello');
                var body = Uri.encodeComponent('This is a test.');
                var url = 'mailto:$email?subject=$subject&body=$body';
                print(url);
                _launchUrl(url);
              },
            ),
            RaisedButton(
              child: Text('Phone'),
              onPressed: () {
                var tel = '+12345678901';
                _launchUrl('tel:$tel');
              },
            ),
            RaisedButton(
                child: Text('SMS'),
                onPressed: () {
                  var tel = '2345678901';
                  _launchUrl('sms:$tel');
                }),
            Text(_status)
          ],
        ),
      ),
    );
  }

  _launchUrl(String url) async {
    if (await canLaunch(url)) {
      await launch(url);
    } else {
      setState(() {
        _status = 'Unable to launch url $url';
      });
    }
  }
}

通过launch()，用对应的应用打开URL。canLaunch()可以用来检查当前环境是否有可以处理URL的应用，如果没有则返回false

fundroid

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
Flutter启动浏览器打开URL

url_lancher通过url_lancher插件，Flutter可以通过URL跳转浏览器、电话、邮件等三方native应用，url_lancher同时支持Android和iOS上的使用https://pub.dev/packages/url_launcher可以处理的URL种类如下：类型URL例子打开浏览器http:<URL>http://flu...
复制链接

扫一扫