Local Images not rendering in React Native Expo FIX
React Native makes it easy to include local images in your mobile app with the Image component. This intuitive API provides the ‘source’ prop on the Image component to render images anywhere within the app.
However, this only works when the local image (png, jpg, jpeg, etc.) is included in the same folder as the Image component being rendered. Leading to a HUGE problem in your project’s folder structure.
THE PROBLEM
Below is an example of a simple mobile screen with 2 local images:
As you can see in the App.js file, the Image source is set to a local image ‘central_perk_logo.jpeg’ and this works because the image is located in the same directory as the code.
But what if you wanted multiple images in components throughout the application? Well, you would have to place the local image in the same directory as the Image…
