颤振方向变化布局景观优化

时间:2018-03-20 17:39:20

标签: layout dart flutter landscape portrait

我在纵向模式下设计了布局,一切都很好。所以在我完成叠加后,我将设备旋转到横向模式,看到有一个底部溢出。高度太小的小部件因此设备无法显示它们。我在网上搜索了一种常用的方法来优化我的横向模式布局,但没有发现任何与颤动有关的方法。那么有一种常见的方法可以解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

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

但是,我可以考虑三种不同的选择来解决这个问题。

  1. 使用不同的小部件进行水平和放大垂直屏幕。

    亲:您可以确保您的屏幕看起来完全符合您的要求。

    con:你必须写两次东西。如果你的逻辑是封装的,虽然这可能只是意味着以两种不同的方式布置相同的小部件。

    您可以自己编写查询,也可以只使用内置于颤动的OrientationBuilder class

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

    wrapping example

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

  3. 使用相同的视图,但将其放在listviewscrollable中,这样如果它溢出,您可以滚动。在这种情况下,您可能最好彻底阅读文档,以便了解滚动在颤动中的作用以及相关的限制。