expo-splash-screen-ios-brand

expo-splash-screen-ios-brand is an Expo config plugin that appends a bottom icon + slogan block to the iOS SplashScreen.storyboard generated by expo-splash-screen, while keeping Expo's centered splash image intact.

Install

bun add expo-splash-screen-ios-brand

If you want to consume the package directly from Git instead of npm, use:

bun add https://github.com/jyuuroku16/expo-splash-screen-ios-brand

app.config.ts

import { ConfigContext, ExpoConfig } from "expo/config";

export default ({ config }: ConfigContext): ExpoConfig => ({
  ...config,
  plugins: [
    [
      "expo-splash-screen",
      {
        image: "./assets/images/splash-icon.png",
        imageWidth: 150,
        resizeMode: "contain",
        backgroundColor: "#faf9f5",
        dark: {
          backgroundColor: "#1A1625",
        },
      },
    ],
    [
      "expo-splash-screen-ios-brand",
      {
        icon: "./assets/images/splash-screen-icon.png",
        slogan: "Tonari: Moments by Your Side",
        iconWidth: 40,
        sloganFontSize: 12,
        sloganColor: "#b8b8b8",
        spacing: 6,
      },
    ],
  ],
});

Options

Option	Required	Default	Description
icon	Yes	-	Brand icon asset copied into Images.xcassets
slogan	Yes	-	Bottom line of text shown under the icon
iconWidth	No	40	Icon width in points
iconHeight	No	iconWidth	Icon height in points
sloganFontSize	No	14	Slogan font size in points
sloganColor	No	#b8b8b8	6-digit hex color for the slogan text
spacing	No	12	Vertical gap between the icon and slogan
horizontalPadding	No	32	Safe-area padding for the slogan label

Screenshot