我即将将我的第一个React Native应用程序部署到iOS应用商店.我遇到问题但是在布局方面.我正在使用flexbox系统,目前正在为iPhone 6设计.我已经完成了所有的模型和Sketch,并拥有我想要的一切.
每当我尝试在iPhone 4中运行应用程序时,我遇到了一个问题.我为iPhone 6实现的设计不符合iPhone 4拥有的限制.
我可以尝试为iPhone 4重新设计一些东西,但是iPhone 6上的东西变得太小/太丑了.我真的需要在所有屏幕分辨率上看起来都很棒(比如iPhone 4 - iPhone 7 plus).
我在网上看到了许多不同的解决方案:对每个样式表值应用一个常量,取决于设备的纵横比; 检查设备并根据您所使用的设备渲染不同的组件; 并且更好地利用flexbox以使布局响应.
第一个解决方案似乎不会在每个屏幕尺寸上给出准确的表示,第二个解决方案似乎只为造型创建了太多的多余代码,而第三个解决方案似乎没有考虑静态大小和字体大小.
我通常会开始遵循第三种解决方案,但有些东西可能根本不是容器的百分比(例如,按钮高度,字体大小,一些边距和填充等)
因此,我问的问题是:在React Native中解决此问题的最佳方法是什么？ 我真的需要一个彻底的事实答案,可以解释开发过程的最佳方式(例如,我应该设计最小的屏幕尺寸然后适合更大的尺寸吗？我应该为所有分辨率设计吗？等等).
非常感谢那些感受到我的痛苦并找到了解决方案的人,请让我知道这个解决方案是什么.