首先,感謝這個(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),但目前我不明白為什么。
當(dāng)來自 API 并映射到變量時(shí),React 圖像不呈現(xiàn)
九州編程
2021-08-26 16:15:48