feat: add custom app delegate for tint color configuration (#2579)

RSSNext · Jan 15, 2025 · 6c28b4f · 6c28b4f
1 parent fb2a458
commit 6c28b4f
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 0 deletions.
diff --git a/apps/mobile/app.config.ts b/apps/mobile/app.config.ts
@@ -90,6 +90,7 @@ export default ({ config }: ConfigContext): ExpoConfig => ({
     ],
     "expo-apple-authentication",
     [require("./scripts/with-follow-assets.js")],
+    [require("./scripts/with-follow-app-delegate.js")],
   ],
   experiments: {
     typedRoutes: true,

diff --git a/apps/mobile/scripts/with-follow-app-delegate.js b/apps/mobile/scripts/with-follow-app-delegate.js
@@ -0,0 +1,33 @@
+const { withAppDelegate } = require("@expo/config-plugins")
+const { mergeContents } = require("@expo/config-plugins/build/utils/generateCode")
+
+const withFollowAppDelegate = (config) => {
+  return withAppDelegate(config, async (config) => {
+    let newContents = config.modResults.contents
+
+    newContents = mergeContents({
+      src: newContents,
+      anchor: "// You can add your custom initial props in the dictionary below.",
+      newSrc: `
+  [UIView appearanceWhenContainedInInstancesOfClasses:@[[UIAlertController class]]].tintColor =
+      [UIColor colorWithRed:255.0/255.0
+                     green:92.0/255.0
+                      blue:0.0/255.0
+                     alpha:1.0];
+  self.window.tintColor = [UIColor colorWithRed:255.0/255.0
+                                         green:92.0/255.0
+                                          blue:0.0/255.0
+                                         alpha:1.0];
+`,
+      offset: 3,
+      tag: "custom tint color",
+      comment: "  //",
+    }).contents
+
+    config.modResults.contents = newContents
+
+    return config
+  })
+}
+
+module.exports = withFollowAppDelegate