React-Native loading android contact images

Question

I have an image URI that looks like this: content://com.android.contacts/contacts/3992/photo.jpg

I then use that URI as such

<Image source={{uri: contact.thumbnailPath}} style={styles.thumbnail} />

However, I can't see the picture! Any idea what the issue might be?

Answer 1

you just need to ask width and height to make it worked. <Image source={{uri: contact.thumbnailPath}}, width:48,height:48 />

Answer 2

Instead of passing a source prop use a simple HTML property src

src={contact.thumbnailPath}

Here thumbnailPath is your image path.