首先,感謝這個社區在過去幾年幫助我解決了數百個編碼問題。值得慶幸的是,在此之前,我幾乎無需發布就在這里找到了我需要的所有答案!不幸的是,這個讓我完全難倒了。我正在用 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> );}如果有人可以幫助確定我在代碼中遺漏了什么,將不勝感激。我唯一的懷疑是與它不重新渲染有關,但目前我不明白為什么。
當來自 API 并映射到變量時,React 圖像不呈現
九州編程
2021-08-26 16:15:48