I have a animated svg file in my project assest. It is working fine in expo go but after release it is not showing in physical device
import { SplashScreen, Stack, useRouter } from “expo-router”;
import { View, Text, SafeAreaView } from “react-native”;
import AsyncStorage from “@react-native-async-storage/async-storage”;
import { useCallback, useEffect, useState } from “react”;
import Image from “react-native-remote-svg”;
// Keep the splash screen visible while we fetch resources
SplashScreen.preventAutoHideAsync();
const SpashScreen = () => {
const router = useRouter();
const { t } = useTranslation();
const [appIsReady, setAppIsReady] = useState(false);
useEffect(() => {
async function prepare() {
let token = null;
try {
await new Promise((resolve) => setTimeout(resolve, 5000));
token = await AsyncStorage.getItem(“token”);
} catch (e) {
console.warn(e);
} finally {
// Tell the application to render
if (token) {
return router.push(“/callback”);
}
setAppIsReady(true);
}
}
prepare();
}, );
const onLayoutRootView = useCallback(async () => {
if (appIsReady) {
await SplashScreen.hideAsync();
}
}, [appIsReady]);
if (!appIsReady) {
return (
<Stack.Screen
options={{
headerShown: false,
}}
/>
<Image
source={require(“…/…/assets/brandmark-design.svg”)}
style={{
width: 400,
height: 400,
}}
/>
);
}