第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

當(dāng)來自 API 并映射到變量時(shí),React 圖像不呈現(xiàn)

當(dāng)來自 API 并映射到變量時(shí),React 圖像不呈現(xiàn)

九州編程 2021-08-26 16:15:48
首先,感謝這個(gè)社區(qū)在過去幾年幫助我解決了數(shù)百個(gè)編碼問題。值得慶幸的是,在此之前,我?guī)缀鯚o需發(fā)布就在這里找到了我需要的所有答案!不幸的是,這個(gè)讓我完全難倒了。我正在用 React Native 編寫一個(gè)新應(yīng)用程序,從 API 加載 JSON 響應(yīng)后,我無法在將結(jié)果映射到變量然后渲染后渲染圖像。我已經(jīng)通過將圖像 URL 包含在文本視圖中來檢查圖像 URL 是否通過 JSON 響應(yīng)和映射函數(shù)正確接收。我還確認(rèn)它是“https”而不是“http”。我已經(jīng)嘗試實(shí)現(xiàn)這些論壇上提到的許多方法來確保圖像加載,但無論出于何種原因,我只獲取文本字段而不是圖像。Image 容器在那里,但只是空的。當(dāng)我將響應(yīng)中的 URL 直接放入 Image 'uri' 字段時(shí),它工作正常。下面是有問題的代碼片段,當(dāng)我使用完整代碼在 Snack 上運(yùn)行它時(shí),它沒有顯示任何錯(cuò)誤并且可以正常工作。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>  );}如果有人可以幫助確定我在代碼中遺漏了什么,將不勝感激。我唯一的懷疑是與它不重新渲染有關(guān),但目前我不明白為什么。
查看完整描述

2 回答

?
守候你守候我

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超10個(gè)贊

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


<Image

    source={{uri: d.galleryURL}}

    key={d.itemID}

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

    loadingIndicatorSource=<ActivityIndicator />

    resizeMode={'contain'}

/>


查看完整回答
反對(duì) 回復(fù) 2021-08-26
  • 2 回答
  • 0 關(guān)注
  • 207 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)