React Native - How to load local image using the uri in Image Component?

Question

I know we can load the local image with:

But i need to load the

Answer 1

In case you are using Expo to build your React Native application, this might help:

1) Install expo-asset: expo install expo-asset

2) Initialize and set your imageUri:

import {Asset} from 'expo-asset';

const imageURI = Asset.fromModule(require('../../assets/test.png')).uri;

3) In my case, I needed it on a Thumbnail from NativeBase:

Docs: https://docs.expo.io/versions/latest/sdk/asset/