App 仅支持移动设备纵向模式时的 Flutter 响应式设计(不支持 Web、平板电脑、桌面)

标签 flutter dart mobile responsive portrait

我们将使用 Flutter 开发一个移动应用程序。此应用仅支持移动设备和纵向模式。

如何使应用程序以更少的工作量在所有移动设备上运行。

我已经阅读了一些关于布局生成器、纵横比、方向生成器的教程。但我觉得当我们要支持多种平台(如 Web、桌面、移动横向模式)时,它们会非常有帮助。

因为我的应用只支持纵向模式(手机)。我们有什么技巧可以让应用在更短的时间内做出响应吗?

最佳答案

您的应用在移动设备上仅支持纵向模式并不重要。您仍然需要针对不同尺寸的手机进行响应式设计。正如您自己回答的那样,您可以使用 Flutter 的以下属性来获得高度响应的设计:

  • 布局构建器
  • 媒体查询
  • 纵横比
  • 装配盒
  • FractionallySizedBox
  • 方向生成器

除了all,可以看看here了解更多。

关于App 仅支持移动设备纵向模式时的 Flutter 响应式设计(不支持 Web、平板电脑、桌面),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65188565/

相关文章:

android - Flutter 1.9:D/skia(5106):着色器编译错误

android - Flutter更新Appbar中的文本

c++ - OpenGL ES 是否适合执行骨骼动画?

flutter - 如何解决 flutter for web 中的 web 开发服务器错误?

javascript - 整个页面的玻璃面板

html5 - 获取相对坐标中的设备方向旋转

dart - flutter/Dart 异步不等待

flutter - 小部件测试使用 WidgetsBinding.instance.addPostFrameCallback() 的小部件

flutter - Flutter 的 kernel_blob.bin 是什么?

testing - 如何在 Flutter 小部件中测试回调函数