iOS适配问题 键盘变大 整个界面被拉伸

做react native时用了9.0的xcode,版本太老,导致启动图只有下面这样的适配,对于iphone6以后的手机,分辨率是不够的,启动图拉伸了,后面的界面都按这个比例拉伸了,连键盘和状态栏也变大了。

所以必须要升级xcode到最新版,再创建LaunchImage就会如下所示。

下面附上一个参考的文章http://blog.csdn.net/ozhuimeng123/article/details/78380757

开始

两种方法设置:

  • LaunchScreen.storyboard

    1. 在LaunchScreen.storyboard中拖拽imageView并设置约束,勾选右侧Use as launch Screen
    2. 工程—General—App Icons and Launch Images选项中设置Launch Screen File为所制作的LaunchScreen.storyboard或者LaunchScreen.xib
  • Assets.xcassets

    1. 设置LaunchImage
    2. 准备: 
  • 各种尺寸启动图:640 × 960,640 × 1136,750 × 1334,1242 × 2208,(横平需要2208 ×1242)
  • iPhone Portrait iOS5,6(1x:320 × 480 pixels, 2x:640 × 960 pixels, Retina 4:640 × 1136 pixels)
  • iPhone Portrait iOS8,9(Retina HD 5.5”:1242 × 2208 pixels, Retina HD 4.7”:750 × 1334 pixels)
  • iPhone Landscape iOS 8,9(Retina HD 5.5”:2208 × 1242 pixels)
  • iPhone Portrait iOS7,9(2x:640 × 960 pixels, Retina 4:640 × 1136 pixels)
  • iPhone X Portrait  iOS 11+ (3x:1125 x 2436 pixels)

配置 

  1. 工程—General—App Icons and Launch Images选项中设置Launch Image Source 为LaunchImage
  2. 取消勾选Use as Launch Screen
  3. 置空路径Launch Screen File

猜你喜欢

转载自my.oschina.net/u/268088/blog/1630467

相关文章