生成iOS LaunchImage脚本

组件

react-native-splash-screen

注意事项

脚本没有设置生成ios LaunchImage的路径,需要把图片复制到ios/YourProjectname/Images.xcassets/LaunchImage.launchimage

脚本

脚本来自己git上的一个用户,链接贴上了,我额外增加了一些比较新的分辨率。

javascript 复制代码
# https://gist.github.com/roblabs/d2c3536760755de7715d2248e7854444
#!/bin/bash -e

# --------------------------------------------------------
# Generate iOS Launch items from a single image
# (c) 2017 ePi Rational, Inc.
#
# Modified from original script which generated app icons for iOS,
# originally written by
# Ben Clayton, Calvium Ltd.
#  https://gist.github.com/benvium/2be6d673aa9ac284bb8a
# --------------------------------------------------------

# Process
# As of 2017, the largest launch screen for iOS is.
# 12.9-inch iPad Pro | 2048px by 2732px | `Default-1366h@2x.png`
# 12.9-inch iPad Pro | 2732px by 2048px | `Default-Landscape-1366h@2x.png`
#
# The idea is to create a portrait and landscape at the above sizes,
# then use ImageMagick to scale.
# ImageMagick steps
#   * create a white background with the desired image extent
#   * scale the large image, while tending towards the center
#   * testing showed that the `-resize` alone did not properly create the final image sizes.

# Check imagemagick is installed
# http://stackoverflow.com/questions/592620/check-if-a-program-exists-from-a-bash-script
command -v magick >/dev/null 2>&1 || { echo >&2 "Requires imagemagick, but it's not installed.  See http://www.imagemagick.org.  Aborting."; exit 1; }

# Uses the largest images as the base image for generating the others
portrait="splash_20240809.png"
landscape="splash_20240809.png"

#magick $portrait -resize 320x480 -gravity center -background white -extent 320x480 Default.png
magick $portrait -resize 640x960 -gravity center -background white -extent 640x960 Default@2x.png
magick $portrait -resize 1024x768 -gravity center -background white -extent 1024x768 Default-Landscape.png
magick $portrait -resize 2048x1536 -gravity center -background white -extent 2048x1536 Default-Landscape@2x.png
magick $portrait -resize 768x1024 -gravity center -background white -extent 768x1024 Default-Portrait.png
magick $portrait -resize 1536x2048 -gravity center -background white -extent 1536x2048 Default-Portrait@2x.png
# magick $portrait -resize 1080x1920 -gravity center -background white -extent 1080x1920 Default-640h@3x.png
magick $portrait -resize 1242x2208 -gravity center -background white -extent 1242x2208 Default-Portrait-736h@3x.png
magick $portrait -resize 1125x2436 -gravity center -background white -extent 1125x2436 Default-Portrait-812h@3x.png
# magick $landscape -resize 1920x1080 -gravity center -background white -extent 1920x1080 Default-Landscape-640h@3x.png
magick $portrait -resize 750x1334 -gravity center -background white -extent 750x1334 Default-667h@2x.png
# magick $landscape -resize 1334x750 -gravity center -background white -extent 1334x750 Default-Landscape-667h@2x.png
magick $portrait -resize 640x1136 -gravity center -background white -extent 640x1136 Default-568h@2x.png
# magick $landscape -resize 1136x640 -gravity center -background white -extent 1136x640 Default-Landscape-568h@2x.png
# magick $landscape -resize 2048x2732 -gravity center -background white -extent 2048x2732 Default-1366h@2x.png
# magick $landscape -resize 2732x2048 -gravity center -background white -extent 2732x2048 Default-Landscape-1366h@2x.png
# magick $portrait -resize 1536x2048 -gravity center -background white -extent 1536x2048 Default-1024h@2x.png
# magick $landscape -resize 2048x1536 -gravity center -background white -extent 2048x1536 Default-Landscape-1024h@2x.png
magick $portrait -resize 2436x1125 -gravity center -background white -extent 2436x1125 Default-Landscape-812h@3x.png
magick $portrait -resize 2208x1242 -gravity center -background white -extent 2208x1242 Default-Landscape-736h@3x.png

# **Splash Screens** | Portrait & Landscape, [iOS Human Interface Guidelines](https://developer.apple.com/ios/human-interface-guidelines/graphics/launch-screen/) | ![](assets/README-2dc5de66.png)
# Default (Portrait)|	320px by 480px | `Default.png`
# Default (Portrait)|	640px by 960px | `Default@2x.png`
# iPad |	1024px by 768px | `Default-Landscape.png`
# iPad Retina |	2048px by 1536px | `Default-Landscape@2x.png`
# iPad |	768px by 1024px | `Default-Portrait.png`
# iPad Retina |	1536px by 2048px | `Default-Portrait@2x.png`
# iPhone 6s Plus, iPhone 6 Plus |	1080px by 1920px | `Default-640h@3x.png`
# iPhone 6s Plus, iPhone 6 Plus |	1920px by 1080px | `Default-Landscape-640h@3x.png`
# iPhone 6s, iPhone 6 | 750px by 1334px | `Default-667h@2x.png`
# iPhone 6s, iPhone 6 | 1334px by 750px | `Default-Landscape-667h@2x.png`
# iPhone SE | 640px by 1136px | `Default-568h@2x.png`
# iPhone SE | 1136px by 640px | `Default-Landscape-568h@2x.png`
# 12.9-inch iPad Pro | 2048px by 2732px | `Default-1366h@2x.png`
# 12.9-inch iPad Pro | 2732px by 2048px | `Default-Landscape-1366h@2x.png`
# 9.7-inch iPad Pro, iPad Air 2, iPad mini 4, iPad mini 2 | 1536px by 2048px | `Default-1024h@2x.png`
# 9.7-inch iPad Pro, iPad Air 2, iPad mini 4, iPad mini 2 | 2048px by 1536px | `Default-Landscape-1024h@2x.png`
相关推荐
茶底世界之下4 小时前
导出进度不是一个百分比:AVFoundation 收尾阶段的状态建模
ios·swift
光影少年4 小时前
Fabric渲染流程
前端·react native·react.js
大熊猫侯佩4 小时前
macOS27 上可变界面尺寸 iOS App 揭秘
macos·ios·swiftui
用户2181697049305 小时前
LLVM
ios
zeqinjie5 小时前
Flutter 获取 iPhone Duo 预留区位置
前端·flutter·ios
墨狂之逸才5 小时前
React Native iOS 模拟器启动白屏:一次从日志到主线程采样的排查实录
react native
二流小码农5 小时前
鸿蒙开发:ArrayList,可不会让UI更新哦
android·ios·harmonyos
光影少年5 小时前
RN启动流程(bundle加载→Bridge初始化→首屏渲染)
前端·react native·react.js
CHB5 小时前
一文讲透原生渲染和自渲染
flutter·react native·uni-app
茶底世界之下6 天前
为什么预览、录制、离线导出不能共享同一个背压策略?
ios·swift