From 87245480d42f0956b06987944ca412538d4fb698 Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Sun, 31 Dec 2023 16:05:07 -0800
Subject: [PATCH 1/3] who the hell knows

---
 src/Splash.tsx | 72 +++++++++++++++++++++++++++++++-------------------
 1 file changed, 45 insertions(+), 27 deletions(-)

diff --git a/src/Splash.tsx b/src/Splash.tsx
index fc70bb3b7b..0f4c836164 100644
--- a/src/Splash.tsx
+++ b/src/Splash.tsx
@@ -2,6 +2,7 @@ import React, {useCallback, useEffect} from 'react'
 import {View, StyleSheet, Image as RNImage} from 'react-native'
 import * as SplashScreen from 'expo-splash-screen'
 import {Image} from 'expo-image'
+import {platformApiLevel} from 'expo-device'
 import Animated, {
   interpolate,
   runOnJS,
@@ -136,34 +137,51 @@ export function Splash(props: React.PropsWithChildren<Props>) {
         />
       )}
 
-      <MaskedView
-        style={[StyleSheet.absoluteFillObject]}
-        maskElement={
-          <Animated.View
-            style={[
-              StyleSheet.absoluteFillObject,
-              {
-                // Transparent background because mask is based off alpha channel.
-                backgroundColor: 'transparent',
-                flex: 1,
-                justifyContent: 'center',
-                alignItems: 'center',
-                transform: [{translateY: -(insets.top / 2)}, {scale: 0.1}], // scale from 1000px to 100px
-              },
-            ]}>
-            <AnimatedLogo style={[logoAnimations]} />
+      {platformApiLevel && platformApiLevel <= 27 ? (
+        <>
+          {!isAnimationComplete && (
+            <View
+              style={[
+                StyleSheet.absoluteFillObject,
+                {backgroundColor: 'white'},
+              ]}
+            />
+          )}
+          <Animated.View style={[{flex: 1}, appAnimation]}>
+            {props.children}
           </Animated.View>
-        }>
-        {!isAnimationComplete && (
-          <View
-            style={[StyleSheet.absoluteFillObject, {backgroundColor: 'white'}]}
-          />
-        )}
-
-        <Animated.View style={[{flex: 1}, appAnimation]}>
-          {props.children}
-        </Animated.View>
-      </MaskedView>
+        </>
+      ) : (
+        <MaskedView
+          style={[StyleSheet.absoluteFillObject]}
+          maskElement={
+            <Animated.View
+              style={[
+                {
+                  // Transparent background because mask is based off alpha channel.
+                  backgroundColor: 'transparent',
+                  flex: 1,
+                  justifyContent: 'center',
+                  alignItems: 'center',
+                  transform: [{translateY: -(insets.top / 2)}, {scale: 0.1}], // scale from 1000px to 100px
+                },
+              ]}>
+              <AnimatedLogo style={[logoAnimations]} />
+            </Animated.View>
+          }>
+          {!isAnimationComplete && (
+            <View
+              style={[
+                StyleSheet.absoluteFillObject,
+                {backgroundColor: 'white'},
+              ]}
+            />
+          )}
+          <Animated.View style={[{flex: 1}, appAnimation]}>
+            {props.children}
+          </Animated.View>
+        </MaskedView>
+      )}
     </View>
   )
 }

From cb6e164cd2be3f3a4c5b92a2ae90a412035cc2a6 Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Sun, 31 Dec 2023 16:14:24 -0800
Subject: [PATCH 2/3] adjust api level

---
 src/Splash.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Splash.tsx b/src/Splash.tsx
index 0f4c836164..4d8745877e 100644
--- a/src/Splash.tsx
+++ b/src/Splash.tsx
@@ -137,7 +137,7 @@ export function Splash(props: React.PropsWithChildren<Props>) {
         />
       )}
 
-      {platformApiLevel && platformApiLevel <= 27 ? (
+      {platformApiLevel && platformApiLevel <= 25 ? (
         <>
           {!isAnimationComplete && (
             <View

From 43ac20881f7dd893fa0d224409904dc9e7b9c21a Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Tue, 2 Jan 2024 11:57:27 -0800
Subject: [PATCH 3/3] Add comment

---
 src/Splash.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Splash.tsx b/src/Splash.tsx
index 4d8745877e..9d47d9323f 100644
--- a/src/Splash.tsx
+++ b/src/Splash.tsx
@@ -138,6 +138,7 @@ export function Splash(props: React.PropsWithChildren<Props>) {
       )}
 
       {platformApiLevel && platformApiLevel <= 25 ? (
+        // Use a simple fade on older versions of android (work around a bug)
         <>
           {!isAnimationComplete && (
             <View