Display a image through require.

Hi all, I don’t understand why this doesn’t work

<FastImage
        source={{
          uri: require('../myfolder/myimage.jpg'),
          priority: FastImage.priority.high,
        }}
        fallback
        style={{
 width: 40, height: 40, borderRadius: 30, padding: 10,
}}
        resizeMode={FastImage.resizeMode.cover}
      />

If I use fallback true, and a default Image component is used, why I still must use a file url? The error I get, of course, is this:

undefined is not a function evaluating source.uri.startsWith('file://')

I know how I can get around the problem (I’d just create a component that shows the default Image component or the fast image one based on certain condition), but I’d like to know if there is a proper way of doing this without the need of adding boilerplate code!

If it’s normal that it doesn’t work, it shouldn’t be harder at all to implement it since you’re already falling back to the Image default component that accepts a required local image

[Mikunj]

<FastImage
    source={require('../myfolder/myimage.jpg')}
/>

Have you tried doing that? I think it works similar to the source of the Image component.

[TARASANTAN]

Use single dot like <FastImage style={{ width: 720, height: 12000 }} source={require(‘./assets/img.png’)} />