React Native iOS 设置 LaunchScreen



  • 模拟器:iPhone6 iOS9

    RN 本身并不能做 LaunchImage,所以我们需要借用原生 iOS 的开发工具 Xcode。
    使用 Xcode 打开 RN 项目中的 iOS/ProjectName.xcodeproj 文件,找到文件 LaunchScreen.xib,如下
    LaunchScreen.xib
    这个就是使用 RN 创建项目时默认提供的 LaunchScreen。
    然后我们添加图片,先找到 Images.xcassets,添加图片,这里我选择的是 Image Set,实际项目请选择 App Icons and Launch Images,如下
    添加图片
    回到 LaunchScreen.xib,从 UI 库中拖个 Image View 并设置刚才添加的图片,如下:
    拖 Image View
    设置图片
    然后设置 Image View 的布局,勾选最下面 2 项后点击按钮,如下
    设置布局
    效果如下
    效果



  • 感谢 分享。字数


登录后回复