在 React JS 应用程序中使用 Flutter Web 小部件

Question

我有这个项目，我必须编写一个网站以及 ios 和 android 应用程序。

我必须在非常有限的团队（基本上是我自己）的帮助下完成这项工作。因此，我希望在这些平台之间共享尽可能多的代码，以避免尽可能地维护不同的代码库。

我开始考虑 flutter：dart 中的逻辑（以及与后端的交互）可以编译为 ios 和 android，也可以编译为 javascript 以供网站调用。我也喜欢使用 flutter 构建 UI 的方式。

对于网站，我知道有 flutter web 可用于制作网络应用程序，但我希望我的网站感觉更像是一个网站，而不是一个单页应用程序。我想过用React+Gatsby来做网站的ui，同时调用dart编译的js进行逻辑。这将实现高页面加载速度、良好的搜索引擎优化，同时通过 dart 到 js 编译保持 React 应用程序的交互性和单一代码库逻辑。

我想知道这对您来说是否是一个好方法，如果不是，您会如何做。

在这种方法中，我想知道是否可以将 flutter web 小部件嵌入到 React js 组件中，始终关注维护尽可能低的平台特定代码。除了将它们嵌入到 iframe 中之外，我还没有找到任何其他方法来做到这一点，这似乎不是一个好主意，不是吗？

Answer 1

更新

Flutter Web 现已提供稳定的生产版本。

以下答案与提出问题时相关。

不推荐 Flutter Web

目前，我建议不要使用 Flutter Web 进行生产，因为它还处于Beta阶段。Flutter 团队仍在致力于提高质量、性能和浏览器兼容性。您必须谨慎使用它，因为您可能会遇到错误和其他一些并发症。

另外，我认为 Flutter Web 的社区支持可能较低，因为它还很新。

浏览器支持有限

另一个令我烦恼的因素是 Flutter Web 应用程序目前只能在有限的浏览器上运行，这会影响您的用户群的覆盖范围：

• Chrome（移动和桌面）
• Safari（移动和桌面）
• 边缘（移动和桌面）
• 火狐（桌面版）

我更喜欢什么？

好吧，尽管处理移动和 Web 平台的不同代码库可能会很麻烦，但我仍然更愿意坚持使用React JS，因为与 Flutter Web 相比，它更稳定，具有更好的浏览器和社区支持。

祝您的应用好运！:)