美文网首页
ReactNative iPhone5s等真机出现上下黑边的bu

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

作者: 滕的世界 | 来源:发表于2018-01-21 18:57 被阅读99次

问题

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

问题如图

_420764984778638_686049295_n

方案

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


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/

相关文章

网友评论

      本文标题：ReactNative iPhone5s等真机出现上下黑边的bu

      本文链接：https://www.haomeiwen.com/subject/bgqxaxtx.html

      延伸阅读

      深度阅读

      • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

      栏目导航

      热点阅读

      关于我们|服务条款|联系我们|ReactNative iPhone5s等真机出现上下黑边的bu|投稿指南|网站地图|RSS订阅|排版工具|手机版

      提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

      Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

      备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

      本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

      所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！