时间戳

首页 > 解决方案 > Flutter Web：右键单击 -> 浏览器上下文菜单 -> 在新选项卡中打开链接

flutter - Flutter Web：右键单击 -> 浏览器上下文菜单 -> 在新选项卡中打开链接

问题描述

我有一个使用 GetX 进行导航的基本网站。我有带有 ontap 功能的墨水池，可以导航到新视图。现在，如果您右键单击这些按钮，则没有“在新选项卡/窗口中打开链接”、“链接另存为”或“复制链接地址”。

有没有办法为 Flutter Web 获得这个功能？

标签： flutterwebflutter-getx

解决方案

编辑：

从 Flutter 2.10 版开始，您不再需要为此切换到频道测试版。

也许我回答得这么晚了，但这可能会对将来的人有所帮助。

在写这篇文章的那一刻，它是可以做到的，它在稳定频道上被窃听，但它在频道 beta 上完美运行。

只需切换到频道测试版：

flutter channel beta
flutter upgrade

然后按照以下说明将 url_launcher 依赖项添加到您的项目中，并将此包导入到您要使用的任何位置：

import 'package:url_launcher/link.dart';

最后用这个包装任何小部件：

Link(
    uri: Uri.parse('www.google.com'),
    builder: (context, function) {
      return InkWell(
          onTap: () => print('Do something'), 
          child: Text('Right clickable text')
      );
    });

推荐阅读