如何将flutter web build集成到react应用程序中以实现特定路线？

Question

我有一个要求，我想为 React 应用程序内的特定 URL 运行 Flutter 应用程序，而对于其余的 URL，React 应用程序将运行。

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

Answer 1

我找到了一种解决方案，可以帮助将 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();