feat: integrate app icon and splash for each env (#366)

tsyirvo · Jan 6, 2024 · 79aefce · 79aefce
1 parent fa3f447
commit 79aefce
Show file tree

Hide file tree

Showing 6 changed files with 765 additions and 8 deletions.
diff --git a/app.config.ts b/app.config.ts
@@ -21,6 +21,27 @@ const plugins: ExpoConfig['plugins'] = [
       },
     },
   ],
+  [
+    'app-icon-badge',
+    {
+      enabled: !isProductionEnv,
+      badges: [
+        {
+          text: Env.APP_ENV,
+          type: 'banner',
+          position: 'bottom',
+          color: 'black',
+          background: '#FFFFFF',
+        },
+        {
+          text: `V${Env.VERSION.toString()}`,
+          type: 'ribbon',
+          color: 'black',
+          background: '#FFFFFF',
+        },
+      ],
+    },
+  ],
   // TODO: Once on Expo SDK 50, update to load the fonts from the native side
   // [
   //   'expo-font',
@@ -51,7 +72,7 @@ export default ({ config }: ConfigContext): ExpoConfig => ({
   splash: {
     image: './assets/splash.png',
     resizeMode: 'contain',
-    backgroundColor: '#ffffff',
+    backgroundColor: '#000',
   },
   updates: {
     fallbackToCacheTimeout: 0,
@@ -64,7 +85,7 @@ export default ({ config }: ConfigContext): ExpoConfig => ({
   android: {
     adaptiveIcon: {
       foregroundImage: './assets/adaptive-icon.png',
-      backgroundColor: '#FFFFFF',
+      backgroundColor: '#000',
     },
     package: Env.PACKAGE,
   },

diff --git a/assets/adaptive-icon.png b/assets/adaptive-icon.png
diff --git a/assets/icon.png b/assets/icon.png
diff --git a/assets/splash.png b/assets/splash.png
diff --git a/package.json b/package.json
@@ -135,6 +135,7 @@
     "@types/react-navigation": "3.4.0",
     "@types/semver": "7.5.6",
     "@types/sharp": "0.31.0",
+    "app-icon-badge": "0.0.15",
     "babel-plugin-root-import": "6.6.0",
     "babel-plugin-transform-remove-console": "6.9.4",
     "cross-env": "7.0.3",