在滚动图像上加载图像后,消失反应原生

时间:2017-07-07 13:08:41

标签: android image react-native react-native-android react-native-listview

我使用了来自react-native的ListView组件,并将其用于渲染产品细节和图像。

现在,在加载图像后,我向下滚动视图。回到以前的产品,只有图像消失了,似乎再次从源头加载。

图片来源是一个网址。

请告诉我如何在现有的安卓动态屏幕中保存已加载的图像。

我正在使用:

 "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是包含图片网址的对象。

1 个答案:

答案 0 :(得分:0)

在androidManifest文件中的android:largeHeap="true"下尝试<application>。 另外,将属性removeClippedSubviews={true}添加到scrollView