2016-12-15 102 views
2

當我創建我的應用程序時,我放置的圖像完美地工作並正常加載。當uri鏡像正在下載時,本地鏡像需要很長時間才能加載 - React Native

後來,連接到服務器,並有圖像,我必須通過url顯示。作爲一個大列表,必須下載許多圖像,導致應用程序的所有圖像(按鈕,徽標等)進入一種線程,從而導致此問題。

添加圖片代碼:

<Image source={buttonAddToCart} style={styles.buttonIncrease} />

buttonAddToCart是進口。

import buttonAddToCart from '../../assets/images/buttonAddToCart.png';

styles.buttonIncrease

buttonIncrease: { 
     backgroundColor: 'transparent', 
     height: 60, 
     width: 60, 
     marginTop: 35, 
    }, 

例如,當通過uri

<Image 
    source={{ uri: category.image_url }} 
    style={styles.categoryPicture}/> 
+0

你可以添加代碼,你如何加載圖像? –

+0

@pritishvaidya代碼加了 – jose920405

+0

所以你是否在'console'中得到了任何'errors',或者在重新啓動**之後它是否被修復,以及它是否正在處理'渲染很少的圖像'? –

回答

1

負荷的形象我無法找到一個明確的解決這個問題,我碰到這個來了react-native-cached-image庫,它幫助我很多僞裝,雖然基本上這個問題仍然存在