@react-native-oh-tpl/react-native-bootsplash/react-native.config.js

Display a bootsplash on your app starts. Hide it when you want.

const platforms = ["android", "ios", "web", "harmony"];
const projectTypes = ["detect", "bare", "expo"];

/** @type {import("@react-native-community/cli-types").Command} */
const generateBootSplash = {
  name: "generate-bootsplash <logo>",
  description: "Generate a launch screen using a logo file path (PNG or SVG)",
  options: [
    {
      name: "--project-type <string>",
      description: 'Project type ("detect", "bare" or "expo")',
      default: "detect",
      parse: (value) => {
        const type = value.toLowerCase();
        return projectTypes.includes(type) ? type : "detect";
      },
    },
    {
      name: "--platforms <list>",
      description: "Platforms to generate for, separated by a comma",
      default: platforms.join(","),
      parse: (value) => [
        ...new Set(
          value
            .toLowerCase()
            .split(/[ ,;|]/)
            .map((platform) => platform.trim())
            .filter((item) => platforms.includes(item)),
        ),
      ],
    },
    {
      name: "--background <string>",
      description: "Background color (in hexadecimal format)",
      default: "#fff",
    },
    {
      name: "--logo-width <number>",
      description:
        "Logo width at @1x (in dp - we recommend approximately ~100)",
      default: 100,
      parse: (value) => Number.parseInt(value, 10),
    },
    {
      name: "--assets-output <string>",
      description: "Assets output directory path",
      default: "assets/bootsplash",
    },
    {
      name: "--flavor <string>",
      description:
        "Android flavor build variant (where your resource directory is)",
      default: "main",
    },
    {
      name: "--html <string>",
      description: "HTML template file path (your web app entry point)",
      default: "public/index.html",
    },
    {
      name: "--license-key <string>",
      description:
        "License key to enable brand and dark mode assets generation",
    },
    {
      name: "--brand <string>",
      description: "Brand file path (PNG or SVG)",
    },
    {
      name: "--brand-width <number>",
      description:
        "Brand width at @1x (in dp - we recommend approximately ~80)",
      default: 80,
      parse: (value) => Number.parseInt(value, 10),
    },
    {
      name: "--dark-background <string>",
      description: "[dark mode] Background color (in hexadecimal format)",
    },
    {
      name: "--dark-logo <string>",
      description: "[dark mode] Logo file path (PNG or SVG)",
    },
    {
      name: "--dark-brand <string>",
      description: "[dark mode] Brand file path (PNG or SVG)",
    },
  ],
  func: ([logo], { project: { android, ios } }, args) => {
    const { generate } = require("./dist/commonjs/generate");

    generate({ android, ios, logo, ...args }).catch((error) => {
      console.error(error);
      process.exit(1);
    });
  },
};

module.exports = {
  commands: [generateBootSplash],
};