After upgrading from Expo SDK 49 to 51 my images are broken. The images are stored locally in the assets folder of the project and I use expo-image.
"dependencies": {
"@react-native-async-storage/async-storage": "1.23.1",
"@react-navigation/bottom-tabs": "^6.5.7",
"@react-navigation/native": "^6.1.6",
"@react-navigation/native-stack": "^6.9.12",
"expo": "^51.0.8",
"expo-application": "~5.9.1",
"expo-av": "~14.0.5",
"expo-constants": "~16.0.1",
"expo-device": "~6.0.2",
"expo-font": "~12.0.5",
"expo-image-picker": "~15.0.5",
"expo-intent-launcher": "~11.0.1",
"expo-linear-gradient": "~13.0.2",
"expo-localization": "~15.0.3",
"expo-notifications": "~0.28.3",
"expo-secure-store": "~13.0.1",
"expo-splash-screen": "~0.27.4",
"expo-status-bar": "~1.12.1",
"expo-updates": "~0.25.14",
...
"expo-image": "~1.12.9"
},
An example on how I fetch the images.
/assets
/screens
homescreen.tsx <- snip below is from here
package.json
<Image
contentFit="contain"
style={styles.headerImage}
source={require("../assets/images/ArtHomePage1.png")}
/>
I went over the documentation and the changelogs between 49 to 50 and 50 to 51 and I couldn’t find anything back regarding a change to the images or local files.