亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

當來自 API 并映射到變量時,React 圖像不呈現

當來自 API 并映射到變量時,React 圖像不呈現

九州編程 2021-08-26 16:15:48
首先,感謝這個社區在過去幾年幫助我解決了數百個編碼問題。值得慶幸的是,在此之前,我幾乎無需發布就在這里找到了我需要的所有答案!不幸的是,這個讓我完全難倒了。我正在用 React Native 編寫一個新應用程序,從 API 加載 JSON 響應后,我無法在將結果映射到變量然后渲染后渲染圖像。我已經通過將圖像 URL 包含在文本視圖中來檢查圖像 URL 是否通過 JSON 響應和映射函數正確接收。我還確認它是“https”而不是“http”。我已經嘗試實現這些論壇上提到的許多方法來確保圖像加載,但無論出于何種原因,我只獲取文本字段而不是圖像。Image 容器在那里,但只是空的。當我將響應中的 URL 直接放入 Image 'uri' 字段時,它工作正常。下面是有問題的代碼片段,當我使用完整代碼在 Snack 上運行它時,它沒有顯示任何錯誤并且可以正常工作。function buildView (data){  var itemData = data.map((d) =>       <View style={{padding: 10}}>        <Image          source={{uri: '{d.galleryURL}'}}          key={d.itemID}          style={{width: 200 , height: 140}}          loadingIndicatorSource=<ActivityIndicator />          resizeMode={'contain'}        />        <Text key={d.title}>Title: {d.title}</Text>      </View>  );  return(itemData);}if (this.state.isLoading!=true) {  var dataView = buildView(this.state.dataSource);  return(      <ScrollView        style={{ flex: 1}}        scrollEnabled={true}        showsVerticalScrollIndicator={true}        >        <View style={{ flex: 1, padding: 60 }}>            {dataView}        </View>      </ScrollView>  );}如果有人可以幫助確定我在代碼中遺漏了什么,將不勝感激。我唯一的懷疑是與它不重新渲染有關,但目前我不明白為什么。
查看完整描述

2 回答

?
守候你守候我

TA貢獻1802條經驗 獲得超10個贊

'{d.galleryURL}'在 Javascript 中實際上是一個字符串,其值等于{d.galleryURL}。顯然,不會顯示具有該值的圖像。如果您galleryURL正在工作,您應該能夠顯示它:


<Image

    source={{uri: d.galleryURL}}

    key={d.itemID}

    style={{width: 200 , height: 140}}

    loadingIndicatorSource=<ActivityIndicator />

    resizeMode={'contain'}

/>


查看完整回答
反對 回復 2021-08-26
  • 2 回答
  • 0 關注
  • 206 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號