React Native-从Zeplin转换UI设计和针对不同设备进行布局

Question

我是本机开发的菜鸟，目前正在尝试使用登录，注册和一些入门表格来构建应用。

我已经从我们的UI设计师那里获得了Zeplin形式的UI设计。现在我有了该文件，UI / UX设计器正在使用固定坐标位置将组件放置在整个布局中。但是，我正在尝试使用flex进行布局，以使其可以正确适合不同的屏幕尺寸。下面是用户界面的屏幕截图

我的问题是

1. 您通常如何转换UI设计以匹配您的应用？
2. 在这种情况下，如何将组件分组？ （例如：徽标，“ login akun”和lorem ipsum在一个视图中，文本输入和登录按钮在另一个视图中，等等）
3. 考虑到此应用程序将在包括iOS在内的许多不同类型的设备中使用，我是否需要遵循任何准则或原则集以确保这些应用程序在所有设备中正确且按比例显示？
4. 使用固定高度视图进行布局是个好主意吗？
5. 当我尝试使用视图进行布局时，显示键盘时该布局很好。但是在另一台屏幕较小的设备上，当显示键盘时，这些组件以某种方式相互重叠。如何避免这个问题？

非常感谢您，并期待着启蒙！