App 仅支持移动设备纵向模式时的 Flutter 响应式设计(不支持 Web、平板电脑、桌面)
Flutter responsive design when App supports only Mobile devices portrait mode(No web, tablet, desktop support)
我们将使用 flutter 开发一个移动应用程序。此应用仅支持移动设备且仅支持纵向模式。
如何使应用程序以更少的工作量在所有移动设备上运行。
我已经阅读了一些关于布局生成器、纵横比、方向生成器的教程。但我觉得当我们要支持多个平台,如网络、桌面、移动横向模式时,它们会非常有用。
由于我的应用仅支持纵向模式(移动)。我们有什么技巧可以让应用程序在更短的时间内做出响应吗?
没关系,您的应用在移动设备上仅支持纵向模式。您仍然需要针对不同尺寸的手机进行响应式设计。正如您自己回答的那样,您可以使用 Flutter 的以下属性来获得高度响应的设计:
- 布局生成器
- 媒体查询
- 纵横比
- 装盒
- FractionallySizedBox
- 方向生成器
除全部外,您还可以查看here了解更多。
您可以为此使用 responsive_builder 包,或 responsive_framework。
并使用小部件来提高响应能力,例如 Expanded、Flexible、LayoutBuilder 等...
我们将使用 flutter 开发一个移动应用程序。此应用仅支持移动设备且仅支持纵向模式。
如何使应用程序以更少的工作量在所有移动设备上运行。
我已经阅读了一些关于布局生成器、纵横比、方向生成器的教程。但我觉得当我们要支持多个平台,如网络、桌面、移动横向模式时,它们会非常有用。
由于我的应用仅支持纵向模式(移动)。我们有什么技巧可以让应用程序在更短的时间内做出响应吗?
没关系,您的应用在移动设备上仅支持纵向模式。您仍然需要针对不同尺寸的手机进行响应式设计。正如您自己回答的那样,您可以使用 Flutter 的以下属性来获得高度响应的设计:
- 布局生成器
- 媒体查询
- 纵横比
- 装盒
- FractionallySizedBox
- 方向生成器
除全部外,您还可以查看here了解更多。
您可以为此使用 responsive_builder 包,或 responsive_framework。 并使用小部件来提高响应能力,例如 Expanded、Flexible、LayoutBuilder 等...