Flutter PopupMenu 按钮打开 URL

Question

通过 PopupMenu 中的按钮打开 URL，这可能吗？我在网上搜索了很多，但我一无所获。我做了类似的事情，但没有成功。我不明白如何在“PopupMenuButton”的“choiceAction”中使用“ulr_launcher”中的“超链接”，我尝试使用“NewScaffold”来放置“body”和“child”，但出现编译错误。这是我的 main.dart

import 'package:flutter/material.dart';
import 'package:testprj/Constants.dart';
import 'package:testprj/hyperlink.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {


  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text(widget.title),
        actions: <Widget>[
          PopupMenuButton<String>(
            onSelected: choiceAction,
            itemBuilder: (BuildContext context){
              return Constants.choices.map((String choice){
                return PopupMenuItem<String>(
                  value: choice,
                  child: Text(choice),
                );
              }).toList();
            },
          )
        ],
      ),
      body: new Center(
        child: new Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            new Text(
              'Body',
            ),
          ],
        ),
      ),
    );
  }

  void choiceAction(String choice){
    Hyperlink('www.test.com', 'sito web',);
  }
}

hyperlink.dart

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

class Hyperlink extends StatelessWidget {
  final String _url;
  final String _text;

  Hyperlink(this._url, this._text);

  _launchURL() async {
    if (await canLaunch(_url)) {
      await launch(_url);
    } else {
      throw 'Could not launch $_url';
    }
  }

  @override
  Widget build(BuildContext context) {
    return InkWell(
      child: Container(
        alignment: Alignment.topRight,
        child: Text(
          _text,
        style: TextStyle(
          color: Colors.white,
          decoration: TextDecoration.underline),
      )),
      onTap: _launchURL,
    );
  }
}

常量.dart

class Constants{
  static const String WebSite = 'WebSite';

  static const List<String> choices = <String>[
    WebSite
  ];
}

Answer 1

这个链接会帮助你！

https://dev.to/guimg/hyperlink-widget-on-flutter-4fa5

或

创建两个字符串列表，1 个网站名称/可见名称和 2 个网站 url

List<String> websiteNames =[];
List<String> webUrls =[];

//in the action bar

actions: <Widget>[
          PopupMenuButton<String>(
            onSelected: launchUrl,
            itemBuilder: (BuildContext context){
              return websiteNames.map((String choice){
                return PopupMenuItem<String>(
                  value: choice,
                  child: Text(choice),
                );
              }).toList();
            },
          )
        ],

//launch method

    launchURL(website) async {
        String url = webUrls[webUrls.indexOf(website)];
        if (await canLaunch(url)) {
          await launch(url);
        } else {
          throw 'Could not launch $url';
        }
      }