如何从飞镖执行 Add 2 home？答案

【问题标题】：How to execute Add 2 home from dart?如何从飞镖执行 Add 2 home？
【发布时间】：2021-04-07 15:38:00
【问题描述】：

我已经在所有 3 个平台上创建了一个应用程序：iOS、Android 和 Web。我还有manifest.json 和PWA 所需的其他东西。我已将其部署到 Firebase 托管。现在我想做的是通过点击按钮手动触发添加到主屏幕。真正的问题是，虽然所有文章都显示代码要粘贴在 JS 端，而我的所有 UI 都在 dart 中，所以我如何收听beforeinstallprompt 并手动触发添加到主屏幕？从过去 3 天开始，我一直在为此苦苦挣扎，但没有运气。我已经安装了这个包universal_html: ^1.2.3.如果有人知道怎么做，请帮帮我。

【问题讨论】：

标签： flutter dart progressive-web-apps flutter-web

【解决方案1】：

用普通的 JavaScript 编写这些代码，然后从 Dart(flutter web) 中调用。

有很多关于这方面的资源。例如Flutter Web : How to run javascript using dart js

此外，不要忘记，当您编写 Flutter web 时，您可以完全控制 HTML/JS/CSS/Dart。因此没有什么能阻止你编写 JS 代码:)

【讨论】：

但在我的情况下是不同的。我们这里有一个 javascript 中的侦听器，它将阻止默认添加到主屏幕提示，然后在 dart 代码中的登录页面上向用户显示按钮/横幅。从那个按钮我需要再次触发添加到主页提示。
还有一点是网页导入和原生导入不能一起工作。整个应用程序都是用 dart 编写的。
@RahulVyas 我很困惑。写你的JS，然后让js调用dart呢？
是的，我认为我们需要反之亦然。首先在 JS 中听 'beforeinstallprompt' 然后调用 dart 函数（我不确定我需要在哪里为其编写代码）。让我解释一下流程。第 1 步 - 在 JS 中收听 'beforeinstallprompt' 第 2 步 - 在登录页面或用户所在的任何页面上调用 dart 文件中的一些代码第 3 步 - 通过在第 2 步中执行的 dart 代码显示一些横幅 UI 第 4 步 - 从 dart 横幅上如果可能，点击按钮在 JS 或 Dart 中执行添加到主页提示
@RahulVyas 那么这个stackoverflow.com/questions/23104432/…