在滚动图像上加载图像后，消失反应本机

问题描述：

我已经使用来自react-native的ListView组件并用它来呈现产品细节和图像。在滚动图像上加载图像后，消失反应本机

现在，在加载图像后，我向下滚动视图。在回到以前的产品时，只有图像消失，似乎从源头重新加载。

图片来源是一个URL。

请告诉我如何坚持已经加载的图像在当前反应原生android屏幕上。

我使用：

"dependencies": { 
    "react": "16.0.0-alpha.12", 
    "react-native": "0.45.1", 
    "react-native-keyboard-aware-scroll-view": "^0.2.9", 
    "react-native-vector-icons": "^4.2.0", 
    "react-navigation": "^1.0.0-beta.11" 
    },

更新的代码以供参考：

 <ListView 
     renderRow={this._renderRow.bind(this)} 
     dataSource={this.state.dataSource} 
     pageSize={data.length}/>  
    </View> 

_renderRow(data){ 
    return (
      <View style={styles.boxContainer}> 
       <Image 
        style={styles.image} 
        resizeMode={'contain'} 
        source={{uri: "https://vesyl.in/"+data.image_url}} 
       /> 
      </View> 
     </View> 
    ) 
}

从API响应：

data = []; 
    for(let i=0; i<responseJson.data.length; i++){ 
    var t = responseJson.data; 
    data.push(t[i]); 
    } 

const ds = new ListView.DataSource({rowHasChanged: (r1, r2)=>r1!==r2}); 
this.setState({dataSource: ds.cloneWithRows(data)});

data.image_url是含有图像对象ü RLS。

由于您使用的是RN 0.45，我建议使用FlatList而不是ListView。除此之外，我真的需要查看您的代码才能进一步帮助您。 – dejakob

@dejakob检查代码请 – subhajit

可以在_renderRow中添加console.log并检查它是否被重新渲染？ – dejakob

答

尝试android:largeHeap="true"根据<application>在您的androidManifest文件中。此外，请将removeClippedSubviews={true}添加到您的scrollView中。

好的，我会尝试。 – subhajit

在滚动图像上加载图像后，消失反应本机

相关推荐