颤动方向改变布局景观优化

Question

我在纵向模式下设计了布局，一切看起来都很好。因此，在完成叠加后，我将设备旋转到横向模式并看到底部溢出。高度上的小部件太多，因此设备无法显示它们。我在网上搜索了一种优化横向模式布局的常用方法，但没有发现任何适用于颤振的方法。那么flutter有没有通用的方法来解决这个问题呢？

Answer 1

您的问题可能更具体一些 - 有关应用程序的一些详细信息或屏幕截图会有所帮助。

但是，我可以想到三种不同的解决方案。

1. 对水平和垂直屏幕使用不同的小部件。

   专业人士：您可以确保您的屏幕看起来完全符合您的要求。

   con：你必须写两次。如果您的逻辑是封装的，那么这可能只是意味着以两种不同的方式布置相同的小部件。

   您可以自己编写查询，也可以只使用 Flutter 中内置的 OrientationBuilder class。

2. 使用 Wrap 类而不是具有适当对齐方式的行/列。这将允许您的小部件根据需要对齐以填充可用空间。请参阅下面的屏幕截图，其中显示了一个示例：

   以上截图是使用wrap documentation中的示例代码创建的。

3. 使用相同的视图，但将其放在listview 或scrollable 中，以便在溢出时可以滚动。不过，在这种情况下，您最好彻底阅读文档，以便了解滚动在 Flutter 中的工作原理以及相关限制。