在 react js 应用程序中使用 flutter web 小部件 不推荐使用 Flutter Web有限的浏览器支持我更喜欢什么?

问题描述

我有这个项目,我必须在其中编写网站以及 ios 和 android 应用程序。

我必须和一个非常有限的团队(基本上是我自己)一起做这件事。所以我想在这些平台之间共享尽可能多的代码,尽可能避免维护不同的代码库。

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

对于网站,我知道有 Flutter Web 可以用来做一个网络应用程序,但我希望我的网站更像是一个网站,而不是一个单页应用程序。有想过用React+Gatsby做网站的ui,同时调用dart编译的js做逻辑。这将实现高页面加载速度和良好的 SEO,同时通过 dart 到 js 编译保持 React 应用程序的交互性和单一代码库逻辑。

我想知道这对你来说是否是一个方法,如果不是,你会怎么做。

在这方法中,我想知道是否可以在 react js 组件中嵌入 Flutter web 小部件,始终关注尽可能低的平台特定代码。除了将它们嵌入 iframe 之外,我还没有找到任何其他方法,这似乎不是一个好主意,或者是吗?

解决方法

不推荐使用 Flutter Web

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

此外,我相信社区对 Flutter Web 的支持可能偏低,因为它很新。

有限的浏览器支持

另一个让我感到困扰的因素是 Flutter 网络应用程序目前只能在有限的浏览器上运行,这会影响到您的用户群:

  • Chrome(移动和桌面)
  • Safari(移动和桌面)
  • Edge(移动和桌面)
  • Firefox(桌面)

我更喜欢什么?

好吧,虽然处理移动和网络平台的不同代码库可能很麻烦,但我仍然更愿意坚持使用 React JS,因为它非常稳定,具有更好的浏览器和社区支持,而不是Flutter Web。

祝你的应用好运! :)