从为移动设备开发的相同代码库中为flutter web开发一个单独的UI



我已经使用flutter开发了一个移动应用程序,它可以在ios和android上完美运行。我现在想做的是从相同的代码库中获得web应用程序,但使用不同的ui。当前的应用程序也可以完美地在浏览器上运行,但它很奇怪,因为我使用了特定于移动设备的组件,如底部导航。我用BLoC模式开发了这个,ui与业务逻辑分离。我的问题是,我可以为web应用程序开发ui并重用现有代码中的业务逻辑实现吗?如果可以的话,我很高兴有人能提供一些我可以使用的参考资料。

是的,您可以利用您的Blob并重新实现UI。

正如@rickimaru建议的那样,您可以检查kIsWeb。但我的建议是检查一下你的屏幕尺寸。随着flutter越来越多的目标,如windows、linux、macOS等。

为更大的屏幕构建不同的UI可能更合适,而不仅仅是为网络构建(除非你执行特定于网络平台的逻辑,但事实并非如此(。此外,仅仅在网络上运行并不意味着屏幕尺寸更大,你的用户可以通过手机浏览器访问。

您可以使用MediaQuery和断点手动检查屏幕大小,也可以利用已经制作好的包,如responsive_framework。

相关内容

  • 没有找到相关文章

最新更新