【问题标题】：Flutter responsive design when App supports only Mobile devices portrait mode(No web, tablet, desktop support)App 仅支持移动设备纵向模式时的 Flutter 响应式设计（不支持 Web、平板、桌面）
【发布时间】：2021-03-19 03:54:49
【问题描述】：
我们将使用 Flutter 开发一款移动应用。此应用仅支持移动设备且仅支持纵向模式。
如何让应用以更少的工作量在所有移动设备上运行。
我已经阅读了一些关于 Layout Builder、Aspect Ratio、Orientation builder 的教程。但我觉得当我们要支持多种平台（如网络、桌面、移动横向模式）时，它们会非常有用。
因为我的应用只支持纵向模式（移动）。我们有什么技巧可以让应用在更短的时间内做出响应吗？
【问题讨论】：
标签：
flutter
dart
mobile
responsive
portrait
【解决方案1】：
您的应用在移动设备上仅支持纵向模式并不重要。您仍然需要针对不同尺寸的手机进行响应式设计。正如您自己回答的那样，您可以使用 Flutter 的以下属性来获得高度响应的设计：
- 布局构建器
- 媒体查询
- 纵横比
- FittedBox
- FractionallySizedBox
- 方向生成器
除此之外，您还可以查看here 了解更多信息。
【解决方案2】：
您可以为此使用 responsive_builder 包或 responsive_framework。
并且还使用小部件来提高响应能力，例如 Expanded、Flexible、LayoutBuilder 等等......