如何为两个方向设计样式

时间:2017-10-02 19:55:25

标签: react-native

我应该如何设计样式以使我的应用在两个方向上看起来都很漂亮?风景和肖像模式?就像现在我只使用边距,因为使用zeplin更容易从photoshop移动我的设计。什么是最好的方式?如果我切换到横向,我的登录屏幕只能部分显示。

1 个答案:

答案 0 :(得分:1)

我建议使用flex-box,它不仅可以处理这个 - 而且还可以处理不同大小的屏幕。

在此处阅读:https://facebook.github.io/react-native/docs/flexbox.html

您仍然可以使用边距来移动您的设计,但是弯曲您的组件将导致它在多个屏幕宽度和高度上工作。

以肖像画面为例,并在中间放置一个正方形的柔化。如果你要旋转屏幕,flex会让点仍然在现在的水平矩形的顶部中间,而没有,它将位于屏幕的前半部分的中间(你可能正在经历的)。 / p>