当前位置:  开发笔记 > 编程语言 > 正文

如何从我的Flutter代码中打开Web浏览器(URL)?

如何解决《如何从我的Flutter代码中打开Web浏览器(URL)?》经验,为你挑选了2个好方法。

我正在构建一个Flutter应用程序,我想在Web浏览器或浏览器窗口中打开一个URL(响应按钮点击).我怎样才能做到这一点?



1> Günter Zöchb..:

现在将其实现为插件

https://pub.dartlang.org/packages/url_launcher

例:

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

void main() {
  runApp(new Scaffold(
    body: new Center(
      child: new RaisedButton(
        onPressed: _launchURL,
        child: new 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值包含URL中现在允许的空格或其他值,请使用

Uri.encodeFull(urlString)或者Uri.encodeComponent(urlString)传递结果值.


请注意,您可能需要创建一个新的flutter项目并复制Flutter特定的东西(`lib`,`pubspec.yaml`等),或者反过来更新旧项目中特定于平台的文件夹以使其工作.
注意:不要忘记在pubspec.yaml中添加url_launcher:^ 3.0.2

2> Reagankm..:

[注意:UrlLauncher不再存在.请参阅解决方案的已接受答案.]

您可以使用UrlLauncher执行以下操作:

new FlatButton(
  textColor: style.mainTheme.accentColor,
  child: new Text(signInLabel, style: style.largeText),
  onPressed: () {
    UrlLauncher.launch('http://www.webpage.com');
  }
);

推荐阅读
喜生-Da
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有