forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Merge branch 'haileyok-fix/android-splash-hackfix' into main
+46
-27
+46
-27
src/Splash.tsx
+46
-27
src/Splash.tsx
···
2
2
import {View, StyleSheet, Image as RNImage} from 'react-native'
3
3
import * as SplashScreen from 'expo-splash-screen'
4
4
import {Image} from 'expo-image'
5
+
import {platformApiLevel} from 'expo-device'
5
6
import Animated, {
6
7
interpolate,
7
8
runOnJS,
···
136
137
/>
137
138
)}
138
139
139
-
<MaskedView
140
-
style={[StyleSheet.absoluteFillObject]}
141
-
maskElement={
142
-
<Animated.View
143
-
style={[
144
-
StyleSheet.absoluteFillObject,
145
-
{
146
-
// Transparent background because mask is based off alpha channel.
147
-
backgroundColor: 'transparent',
148
-
flex: 1,
149
-
justifyContent: 'center',
150
-
alignItems: 'center',
151
-
transform: [{translateY: -(insets.top / 2)}, {scale: 0.1}], // scale from 1000px to 100px
152
-
},
153
-
]}>
154
-
<AnimatedLogo style={[logoAnimations]} />
140
+
{platformApiLevel && platformApiLevel <= 25 ? (
141
+
// Use a simple fade on older versions of android (work around a bug)
142
+
<>
143
+
{!isAnimationComplete && (
144
+
<View
145
+
style={[
146
+
StyleSheet.absoluteFillObject,
147
+
{backgroundColor: 'white'},
148
+
]}
149
+
/>
150
+
)}
151
+
<Animated.View style={[{flex: 1}, appAnimation]}>
152
+
{props.children}
155
153
</Animated.View>
156
-
}>
157
-
{!isAnimationComplete && (
158
-
<View
159
-
style={[StyleSheet.absoluteFillObject, {backgroundColor: 'white'}]}
160
-
/>
161
-
)}
162
-
163
-
<Animated.View style={[{flex: 1}, appAnimation]}>
164
-
{props.children}
165
-
</Animated.View>
166
-
</MaskedView>
154
+
</>
155
+
) : (
156
+
<MaskedView
157
+
style={[StyleSheet.absoluteFillObject]}
158
+
maskElement={
159
+
<Animated.View
160
+
style={[
161
+
{
162
+
// Transparent background because mask is based off alpha channel.
163
+
backgroundColor: 'transparent',
164
+
flex: 1,
165
+
justifyContent: 'center',
166
+
alignItems: 'center',
167
+
transform: [{translateY: -(insets.top / 2)}, {scale: 0.1}], // scale from 1000px to 100px
168
+
},
169
+
]}>
170
+
<AnimatedLogo style={[logoAnimations]} />
171
+
</Animated.View>
172
+
}>
173
+
{!isAnimationComplete && (
174
+
<View
175
+
style={[
176
+
StyleSheet.absoluteFillObject,
177
+
{backgroundColor: 'white'},
178
+
]}
179
+
/>
180
+
)}
181
+
<Animated.View style={[{flex: 1}, appAnimation]}>
182
+
{props.children}
183
+
</Animated.View>
184
+
</MaskedView>
185
+
)}
167
186
</View>
168
187
)
169
188
}