来自基于 js/cordova 的跨平台领域，我最近正在研究 Flutter。所以我想知道直接在flutter中使用各种js库的选项。更具体地说，我有兴趣在 Flutter 中使用 openlayers 库来创建具有各种绘图和编辑功能的多功能 map View 。所以我想知道有哪些选项可以包含它。

到目前为止，我看到了两种主要方式:

1. 使用 WebView : 即使在 Flutter 中还没有原生的 webview 小部件，但有一个插件( https://github.com/dart-flitter/flutter_webview_plugin )。我在这里看到的主要优点是“按原样”使用 openlayers 库，但是该插件处于早期状态，我还看不到在 webview 中建立 Flutter 和 js 函数之间通信的方法。此外(这只是我的假设)使用 webview 可能比使用 dart 代码创建适当的小部件要慢。

2. 创建自定义小部件: 我已经看到有一些方法可以将 js 代码直接转换为 dart，使用包 js (https://pub.dartlang.org/packages/js) 和打字 js_facade_gen (https://github.com/dart-lang/js_facade_gen)，就像使用 chartjs 库 (https://github.com/google/chartjs.dart/) 一样。与此类似，应该可以自动将 openlayers lib 转换为 dart。然而，主要问题是将其集成到 flutter 中，因为如果我是正确的，openlayers 正在使用 html5 Canvas 。此外，chartjs.dart 包也没有提供任何提示如何将其包含在 flutter 应用程序中。我还看到有一个传单插件(https://github.com/apptreesoftware/flutter_map)正在创建他们自己的小部件，但是他们似乎手动重写了代码(？)，这适用于具有 20.000 行代码的公开用户，而不是真正的选项 atm。

我知道这不是本网站的最佳问题格式，但我希望有人对从哪里开始或如何实现此问题提供一些建议或提示，尤其是对于第二个选项 - 第一个更直接向前。或者如果你能想到第三种选择，请继续，我很感激任何线索。

最佳答案

在 Flutter 中使用 JS 的唯一方法是使用 WebView。

Dart 仅针对浏览器应用编译为 JS，对于 Flutter 编译为原生机器码。

convert js code direcly to dart, using package js

package JS 不会转换 JS，它只是为 JS 函数创建代理，以便能够从 Dart 调用它们，但这也仅在 Dart Web 应用程序中受支持。

关于javascript - Flutter 和 Openlayers - 包括 Flutter 中的 js 库，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50912920/