React-native Images With Space In Name Not Loading

I am trying to use an image in my react native app. I have very little code at this point This is all the code I have for now import React from 'react'; import { ScrollView, View,

Solution 1:

I hope this code helping you

wrong format:

<Imagesource={uri}width={60}height={60} />

There are two kind of render Image style

<Imagestyle={styles.tinyLogo}source={require('@expo/snack-static/react-native-logo.png')}
      /><Imagestyle={styles.tinyLogo}source={{uri: 'https://reactnative.dev/img/tiny_logo.png',
        }}
      />

In your case

<Imagesource= {{uri:uri} width: {60} height:{60}}

If you still not render image, you can use FastImage instead using Image

After npm install react-native-fast-image , you can use FastImage

Please check this url https://github.com/DylanVann/react-native-fast-image

It could be correctly working