Is it possible to delete items from the component?

[AFMW]

Im receiving the imagenesArray from a fetch im doing before all of this. I load the images and touching the X over the image i have it gets deleted but it holds the row on the listview as it would still exists.

the 'imagenesArray' array is like this = ["www.someimageurl.com","www.someimageurl.com"]

this first screenshot is when i receive the images:

this second screenshot is when i touch the "X" icon on the image i wanna delete

` borrarItem(index){ console.log(index) this.state.imagenesArray.splice(index , 1) imagenesRecibidasNuevo = this.state.imagenesArray this.setState({imagenesArray:{}}) this.forceUpdate(); //Im trying to refresh the view but it doesnt work Actions.refresh() //Im trying to refresh the view but it doesnt work }

<SortableListView key={"sortable"} style={{flex: 1, marginBottom: 0, marginTop:80}} data={this.state.imagenesArray} order={order} onRowActive={(rowData, touch, layout) =>{console.log(rowData), console.log(touch),console.log(layout)}} onRowMoved={e => { order.splice(e.to, 0, order.splice(e.from, 1)[0]); console.log(order) this.forceUpdate(); }} renderRow={(rowData, section, index) => <TouchableHighlight key={index} style={{ height:130, borderBottomWidth:1, borderColor: "#eee"}} {...this.props.sortHandlers}> <Image style={{height:width.height/8, width:width.width/5, marginTop:15, position:"absolute", zIndex:-10}} source={{uri: rowData}} indicator={ProgressBar} indicatorProps={{size: 20,borderWidth: 2,animated: true,indeterminate:true,color: "#008dde",unfilledColor: 'rgba(200, 200, 200, 0.2)'}}>

{ this.borrarItem(index) } } />

                                                      </Image>
                                              </TouchableHighlight>}
  />

`

[cogell]

@AFMW can you clean up your code formatting and make this is the smallest possible code sample to show your question?