Function generateSplashScreen

src/tools/generators.ts:846–972

(options: {
  androidSize: number
  iosSize: number
  backgroundColor: string
})

 * Generates splash screen for all platforms
 */
export async function generateSplashScreen(options: {
  androidSize: number
  iosSize: number
  backgroundColor: string
}) {
  const { androidSize, iosSize, backgroundColor } = options || {}
  const { path, exists, write, find } = filesystem
  const cwd = process.cwd()

  const inputFilePath = path(templatesDir(), "splash-screen", "logo.png")
  const expoOutputDirPath = path(cwd, "assets/images")
  const isExpoOutputDirExists = exists(expoOutputDirPath) === "dir"

  const optionGenerationSuccesses = []

  async function generateForExpo(
    type: "ios" | "android" | "web" | "all",
    size: number,
    expoRules: { name?: string; width: number; height: number; scale: number }[],
  ) {
    for (const expoRule of expoRules) {
      const { name, width, height, scale } = expoRule

      const outputFileName = [`splash-logo`, type, name].filter(Boolean).join("-") + ".png"
      const outputFilePath = path(expoOutputDirPath, outputFileName)
      const logoSize = size * scale
      const verticalPadding = Math.ceil((height - logoSize) / 2)
      const horizontalPadding = Math.ceil((width - logoSize) / 2)

      try {
        await sharp(inputFilePath)
          .resize(logoSize, logoSize, { fit: "fill" })
          .extend({
            top: verticalPadding,
            bottom: verticalPadding,
            left: horizontalPadding,
            right: horizontalPadding,
            background: { r: 0, g: 0, b: 0, alpha: 0 },
          })
          .toFile(outputFilePath)

        direction(`✅ assets/images/${outputFileName}`)
        optionGenerationSuccesses.push(true)
      } catch (error) {}
    }
  }

  heading(`Generating Expo splash screens (Android, iOS, and Web)...`)
  if (isExpoOutputDirExists) {
    await generateForExpo("ios", iosSize, [
      { name: "mobile", width: 1284, height: 2778, scale: 3 },
      { name: "tablet", width: 2048, height: 2732, scale: 2 },
    ])
    await generateForExpo("android", androidSize, [
      { name: "universal", width: 1440, height: 2560, scale: 4 },
    ])
    await generateForExpo("web", 300, [{ width: 1920, height: 1080, scale: 1 }])
    await generateForExpo("all", 180, [{ width: 1242, height: 2436, scale: 3 }])