{"id":17109126,"url":"https://github.com/shaddix/react-native-bootsplash-cli-fork","last_synced_at":"2025-04-13T02:32:42.389Z","repository":{"id":42401472,"uuid":"456149625","full_name":"Shaddix/react-native-bootsplash-cli-fork","owner":"Shaddix","description":null,"archived":false,"fork":false,"pushed_at":"2023-03-04T15:13:01.000Z","size":272,"stargazers_count":21,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-26T20:51:33.740Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Shaddix.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-02-06T12:50:34.000Z","updated_at":"2024-11-22T17:21:16.000Z","dependencies_parsed_at":"2024-11-07T18:05:14.085Z","dependency_job_id":"64e3289f-2383-4059-9c43-8b6ca77cd313","html_url":"https://github.com/Shaddix/react-native-bootsplash-cli-fork","commit_stats":{"total_commits":17,"total_committers":4,"mean_commits":4.25,"dds":"0.47058823529411764","last_synced_commit":"368bada238a8fc24a3ce7eee47170bde573c50b7"},"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shaddix%2Freact-native-bootsplash-cli-fork","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shaddix%2Freact-native-bootsplash-cli-fork/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shaddix%2Freact-native-bootsplash-cli-fork/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shaddix%2Freact-native-bootsplash-cli-fork/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Shaddix","download_url":"https://codeload.github.com/Shaddix/react-native-bootsplash-cli-fork/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248657825,"owners_count":21140842,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-14T16:22:11.201Z","updated_at":"2025-04-13T02:32:42.068Z","avatar_url":"https://github.com/Shaddix.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-native-bootsplash-cli-fork\n\n[![npm version](https://badge.fury.io/js/react-native-bootsplash-cli-fork.svg)](https://www.npmjs.org/package/react-native-bootsplash-cli-fork)\n[![npm](https://img.shields.io/npm/dt/react-native-bootsplash-cli-fork.svg)](https://www.npmjs.org/package/react-native-bootsplash-cli-fork)\n[![MIT](https://img.shields.io/dub/l/vibe-d.svg)](https://opensource.org/licenses/MIT)\n[![Platform - Android](https://img.shields.io/badge/platform-Android-3ddc84.svg?style=flat\u0026logo=android)](https://www.android.com)\n[![Platform - iOS](https://img.shields.io/badge/platform-iOS-000.svg?style=flat\u0026logo=apple)](https://developer.apple.com/ios)\n\nThis is a fork of [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash) CLI.\nFork allows generating dark mode splash screens.\nFork is based on original react-native-bootsplash CLI with following changes:\n- New parameter: --dark-logo [path], allows to specify different logo for dark mode themes \n- New parameter: --dark-background-color [color], allows to specify different background color for dark mode themes \n\nNote: this is NOT a fork/replacement of react-native-bootsplash itself! You still need to install and configure [react-native-bootsplash according to instructions](https://github.com/zoontek/react-native-bootsplash#ios-1).\nThis library could be used as a replacement of [Assets generation\n](https://github.com/zoontek/react-native-bootsplash#assets-generation) step.\n\n## Installation\n\n```bash\n$ npm install --save-dev react-native-bootsplash-cli-fork\n# --- or ---\n$ yarn add -D react-native-bootsplash-cli-fork\n```\n\n## Usage\n\n**CLI** could generate assets, create the Android Drawable XML file and the iOS Storyboard file automatically ✨.\n\n```bash\n$ npx react-native generate-bootsplash-fork --help\n# --- or ---\n$ yarn react-native generate-bootsplash-fork --help\n```\n\nThe command can take multiple arguments:\n\n```bash\nyarn react-native generate-bootsplash-fork \u003clogoPath\u003e\n\nGenerate a launch screen using an original logo file\n\nOptions:\n  --background-color \u003ccolor\u003e       color used as launch screen background (in hexadecimal format) (default: \"#fff\")\n  --logo-width \u003cwidth\u003e             logo width at @1x (in dp - we recommend approximately ~100) (default: 100)\n  --assets-path [path]             path to your static assets directory (useful to require the logo file in JS)\n  --flavor \u003cflavor\u003e                [android only] flavor build variant (outputs in an android resource directory other than \"main\")\n  --dark-logo [path]          [optional] if specified, will be used for splashscreen that is shown when phone is in dark mode\n  --dark-background-color \u003ccolor\u003e  [optional] color used as launch screen background when phone is in dark mode (in hexadecimal format) (default: \"#000\"). Only used if --dark-logo-path is set!\n  -h, --help                  output usage information\n```\n\n#### Full command usage example\n\n```bash\nyarn react-native generate-bootsplash assets/bootsplash_logo_original.png \\\n  --background-color=F5FCFF \\\n  --dark-logo=assets/bootsplash_logo_dark.png \\\n  --logo-width=100 \\\n  --assets-path=assets \\\n  --flavor=main\n```\n\nThis tool generates assets that could later be used by react-native-bootsplash:\n```bash\n# Only if --assets-path was specified\nassets/bootsplash_logo.png\nassets/bootsplash_logo@1,5x.png\nassets/bootsplash_logo@2x.png\nassets/bootsplash_logo@3x.png\nassets/bootsplash_logo@4x.png\n# if dark logo is specified\nassets/bootsplash_logo_dark.png\nassets/bootsplash_logo_dark@1,5x.png\nassets/bootsplash_logo_dark@2x.png\nassets/bootsplash_logo_dark@3x.png\nassets/bootsplash_logo_dark@4x.png\n\nandroid/app/src/main/res/values/colors.xml (creation and addition)\nandroid/app/src/main/res/values-night/colors.xml\nandroid/app/src/main/res/mipmap-hdpi/bootsplash_logo.png\nandroid/app/src/main/res/mipmap-mdpi/bootsplash_logo.png\nandroid/app/src/main/res/mipmap-xhdpi/bootsplash_logo.png\nandroid/app/src/main/res/mipmap-xxhdpi/bootsplash_logo.png\nandroid/app/src/main/res/mipmap-xxxhdpi/bootsplash_logo.png\n# if dark logo is specified\nandroid/app/src/main/res/mipmap-hdpi/bootsplash_logo_dark.png\nandroid/app/src/main/res/mipmap-mdpi/bootsplash_logo_dark.png\nandroid/app/src/main/res/mipmap-xhdpi/bootsplash_logo_dark.png\nandroid/app/src/main/res/mipmap-xxhdpi/bootsplash_logo_dark.png\nandroid/app/src/main/res/mipmap-xxxhdpi/bootsplash_logo_dark.png\n\n\nios/YourProjectName/BootSplash.storyboard\nios/YourProjectName/Images.xcassets/BootSplashLogo.imageset/bootsplash_logo.png\nios/YourProjectName/Images.xcassets/BootSplashLogo.imageset/bootsplash_logo@2x.png\nios/YourProjectName/Images.xcassets/BootSplashLogo.imageset/bootsplash_logo@3x.png\n# if dark logo is specified\nios/YourProjectName/Images.xcassets/BootSplashLogo.imageset/bootsplash_logo_dark.png\nios/YourProjectName/Images.xcassets/BootSplashLogo.imageset/bootsplash_logo_dark@2x.png\nios/YourProjectName/Images.xcassets/BootSplashLogo.imageset/bootsplash_logo_dark@3x.png\n```\n\nIf you want to have different splashscreen in Dark Mode, also create/edit the `android/app/src/main/res/values-night/styles.xml`:\n\n```xml\n\u003cresources\u003e\n  \u003c!-- BootTheme should inherit from Theme.SplashScreen --\u003e\n  \u003cstyle name=\"BootTheme\" parent=\"Theme.SplashScreen\"\u003e\n    \u003citem name=\"windowSplashScreenAnimatedIcon\"\u003e@mipmap/bootsplash_logo_dark\u003c/item\u003e\n    \u003citem name=\"windowSplashScreenBackground\"\u003e@color/bootsplash_background\u003c/item\u003e\n    \u003citem name=\"postSplashScreenTheme\"\u003e@style/AppTheme\u003c/item\u003e\n  \u003c/style\u003e\n\n\u003c/resources\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaddix%2Freact-native-bootsplash-cli-fork","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshaddix%2Freact-native-bootsplash-cli-fork","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaddix%2Freact-native-bootsplash-cli-fork/lists"}