React-Native 加載 android 聯系人圖片

Question

我有一個看起來像這樣的圖像 URI： content://com.android.contacts/contacts/3992/photo.jpg

然后我使用那個URI

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

但是，我看不到圖片！ 知道問題可能是什么嗎？

Answer 1

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

我認為您的代碼應該像這樣

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

代替：

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

您的案例photo中myIcon所在的myIcon

請閱讀上面的文檔以及該文檔： 將<Image>與本地文件一起使用

希望對你有幫助

Answer 2

您只需要詢問寬度和高度即可使其正常工作。 <圖片來源={{uri:contact.thumbnailPath}}, width:48,height:48 />

Answer 3

不要傳遞源道具，而是使用簡單的 HTML 屬性src<\/strong>

src={contact.thumbnailPath}

Answer 4

我有一個看起來像這樣的圖像URI： content://com.android.contacts/contacts/3992/photo.jpg

然后我像這樣使用該URI

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

但是，我看不到圖片！ 知道可能是什么問題嗎？