如何在特定路线的反应应用程序中集成 flutter web 构建？

Question

我有一个要求，我想 运行 flutter app 用于特定的 URL inside react application 和其余的 url，react app 将 运行.

我将拥有 flutter build 文件夹，并且还将使用浏览器的通信通道来传递数据，但是有什么方法可以将 flutter app inside react app 与此页面集成？

Answer 1

blog.logrocket.com/flutter-web-app-node-js 请完成此 URL。 （礼貌：blog.logrocket.com 和 Whosebug）

Answer 2

我找到了一种解决方案，可以帮助将 flutter 应用程序构建集成到 React 应用程序中。 只需将你的 flutter 应用程序构建放在 /public 文件夹中。在路由组件的加载事件中，使用以下代码加载该应用程序。

function loadMainDartJs() {
    var scriptTag = document.createElement('script');
    scriptTag.src = './main.dart.js';
    scriptTag.type = 'application/javascript';
    document.getElementById('flutterPreview').append(scriptTag);
}
loadMainDartJs();