Image doesn't show when the imageName contain spaces [IOS ONLY]

[saudpunjwani101]

Sample code,

      <CachedImage
        source={{uri: `https://${address}/House Clean.jpg`}} // doesn't work, when "Drinks.jpg" it works
       style={{width:190,height:130}}
       resizeMode={"cover"}
      />

When the image name contains spaces, the image won't show on IOS. It's working fine in Android.
This is not a styling issue, I'm certain of it, and also when using default Image component it works fine.
Any Idea why it happens?

[saudpunjwani101]

replacing space character with '%20' solves the issue. If anyone has a better solution, please

[mayur-padshala]

Whenever using URLs, you should consider using encodeURIComponent() function. This issue happens with native iOS code also. So there is no better solution than using encodeURIComponent