ReactNative iPhone5s等真机出现上下黑边的bug

问题

iOS启动后,上线出现黑边,没有使用.xib,使用的是LaunchImage启动页

问题如图

方案

正确设置好启动图片就可以解决问题了


image.png

设置参考

https://stackoverflow.com/questions/25816759/what-are-iphone-4-7in-and-5-5in-screen-shot-dimensions
http://blog.sina.com.cn/s/blog_6c97abf10102voui.html

三分钟弄懂iPhone X 设计尺寸和适配
http://www.ui.cn/detail/283956.html
以iPhone Inch为例,让你明白UI和WEB的尺寸单位概念
http://www.woshipm.com/pd/562998.html
What iPhone screen size should you get: 4-inches, 4.7-inches, or 5.5-inches?
https://www.imore.com/what-iphone-screen-size-should-you-get

苹果官方Human Interface Guidelines](https://developer.apple.com/design/
https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/
https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/image-size-and-resolution/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容