React-Native 加载 android 联系人图片

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

According to: https://facebook.github.io/react-native/docs/image.html#adding-static-resources-to-your-android-app

I think your code should be like this

  <Image
    style={styles.icon}
    source={require('image!myIcon')}
  />

instead of:

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

where myIcon would be in your case photo

Please read the documentation above and also this one: Use <Image> with a local file

Hope it help

Answer 2

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

Answer 3

Instead of passing a source prop use a simple HTML property src<\/strong>

src={contact.thumbnailPath}

Answer 4

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?