Closed
Description
All are implement is very good but i have implement click on your swipe list view than hidden row visible, how to resolve this issue, i use this code for row
renderRow(rowData, sectionID, rowID) {
return (
<TouchableOpacity onPress={() => this.clickMinimize(rowData, sectionID, rowID)} >
I am {rowData.row} in a SwipeListView
I am {""+rowData.isSelect}
);
}
and this fir hiddenrow
renderHiddenRow(rowData, sectionID, rowID, rowMap) {
return (
Left
<TouchableOpacity onPress={() => this._onPressRow(rowID, rowData, sectionID, rowMap)}>
<Image
source={require('../images/ic_delete.png')} style={{ width: 30, height: 30, marginLeft: 0, marginRight: 0 }} />
);
}
Activity
alexcoady commentedon Apr 13, 2017
@MhtSuthar The nature of this plugin is that the hidden row sits behind the visible row, if you're using
TouchableOpacity
in your normalrenderRow
function, you will see the hidden row behind while transparency is applied.You could use
TouchableHighlight
and set theunderlayColor
to be the color you want to see through the clicked item. This will stop the hidden UI being visible on press.Using this approach your
renderRow
function might look like this:jemise111 commentedon Oct 20, 2017
@alexcoady Is absolutely right. I would recommend using a
TouchableHighlight
instead ofTouchableOpacity
. Going to close this