React Native - Image isn't cleared when navigating

53 views Asked by At

I use React Native's Navigator for routing and ListView to show image group, and I use Android. When I trigger navigation, image(s) don't leave page and it blinks as seen below.

enter image description here

Render functions

_renderRow (rowData){
    return (
       <TouchableWithoutFeedback onPress={()=>this._getCampaigns(rowData)}>
           <Image style={{width: 120, height: 120}}
              source={{uri: rowData.logo, scale: 1}}/>
           </TouchableWithoutFeedback>)
}

render() {
   return (<View style={styles.container}>
      <ListView dataSource={this.state.imageList} 
       contentContainerStyle={styles.list}
       renderRow={(rowData)=> this._renderRow(rowData)}/>
   </View>);
}

Styles

const styles = StyleSheet.create({
        container: {
            flex: 1
        },
        list: {
            flexDirection: 'row',
            flexWrap: 'wrap'
        }
});

What could be the reason?

Thanks.

0

There are 0 answers