fix(suite-native): welcome screen image

trezor · Feb 12, 2025 · 98c5ed6 · 98c5ed6
1 parent 7282d84
commit 98c5ed6
Showing 1 changed file with 18 additions and 33 deletions.
diff --git a/suite-native/module-onboarding/src/screens/WelcomeScreen.tsx b/suite-native/module-onboarding/src/screens/WelcomeScreen.tsx
@@ -1,5 +1,4 @@
-import { useEffect, useState } from 'react';
-import { Image, ImageBackground, StyleSheet } from 'react-native';
+import { ImageBackground, StyleSheet } from 'react-native';
 
 import { LinearGradient } from 'expo-linear-gradient';
 
@@ -42,49 +41,35 @@ const screenContainerStyle = prepareNativeStyle(() => ({
     backgroundColor: BLACK_BACKGROUND_COLOR,
 }));
 
-const WELCOME_BACKGROUND = require('../assets/welcomeScreenBackground.jpeg');
-
 export const WelcomeScreen = ({
     navigation,
 }: StackProps<OnboardingStackParamList, OnboardingStackRoutes.Welcome>) => {
     const { applyStyle, utils } = useNativeStyles();
-    const [isImageLoaded, setIsImageLoaded] = useState(false);
 
     const transparentColor = hexToRgba(utils.colors.transparent, 0.01);
-
-    useEffect(() => {
-        const prefetchImage = async () => {
-            await Image.prefetch(Image.resolveAssetSource(WELCOME_BACKGROUND).uri);
-            setIsImageLoaded(true);
-        };
-        prefetchImage();
-    }, []);
-
     const navigateToAnalyticsConsent = () => {
         navigation.navigate(OnboardingStackRoutes.AnalyticsConsent);
     };
 
     return (
         <Box flex={1} style={applyStyle(screenContainerStyle)}>
-            {isImageLoaded && (
-                <ImageBackground
-                    source={WELCOME_BACKGROUND}
-                    style={StyleSheet.absoluteFillObject}
-                    resizeMode="cover"
-                    fadeDuration={0}
-                >
-                    <Box flex={1} justifyContent="space-between">
-                        <LinearGradient
-                            colors={[BLACK_BACKGROUND_COLOR, transparentColor]}
-                            style={applyStyle(gradientBackgroundBottomStyle)}
-                        />
-                        <LinearGradient
-                            colors={[transparentColor, BLACK_BACKGROUND_COLOR]}
-                            style={applyStyle(gradientBackgroundBottomStyle)}
-                        />
-                    </Box>
-                </ImageBackground>
-            )}
+            <ImageBackground
+                source={require('../assets/welcomeScreenBackground.jpeg')}
+                style={StyleSheet.absoluteFillObject}
+                resizeMode="cover"
+                fadeDuration={0}
+            >
+                <Box flex={1} justifyContent="space-between">
+                    <LinearGradient
+                        colors={[BLACK_BACKGROUND_COLOR, transparentColor]}
+                        style={applyStyle(gradientBackgroundBottomStyle)}
+                    />
+                    <LinearGradient
+                        colors={[transparentColor, BLACK_BACKGROUND_COLOR]}
+                        style={applyStyle(gradientBackgroundBottomStyle)}
+                    />
+                </Box>
+            </ImageBackground>
             <Screen isScrollable={false} backgroundColor="transparent">
                 <VStack flex={1} justifyContent="flex-end" alignItems="center" spacing={48}>
                     <VStack alignItems="center" spacing="sp16">