how can i close all opened swipe、only can open one swipe at the same time? about react-native-swipeout

[braco]

Check out the example

https://github.com/dancormier/react-native-swipeout/blob/master/example/index.ios.js

[DaveAdams88]

+1 I'm looking to close the open swipeout item when scrolling the Scrollview

[iicdii]

I think it will work with onOpen, _close method in Swipeout and componentWillReceiveProps lifecycle in ListView item component.

[hufeng]

+1, now i am directly use a ref to call _close

[chirag04]

+1. using _close for now.

[Yuzeyang]

@hufeng i am directly call _close too, but it can not work, can you show your code?

[xuanpyco]

+1. I'm using _close too.

[olejka91]

@xuanpyco Hi, can you provide me with your solution? Becuase I use ref, call _close and it does not work. Thanks in advance

[xuanpyco]

@olejka91 I ended up a solution as following.

class ListItem extends Component {

_onSwipeOpen = () => {
this.props.onSwipeOpen(this.swipeInstance);
}

render() {
return (
<SwipeOut
ref={instance => this.swipeInstance = instance}
onOpen={this._onSwipeOpen}
/>
);
}

}

class MyList extends Component {

_onSwipeOpen = (swipeInstance) => {
if(this.currentlyOpenSwipe && this.currentlyOpenSwipe !== swipeInstance) {
this.currentlyOpenSwipe._close();
}

this.currentlyOpenSwipe = swipeInstance;
}

_renderRow  = () => {
 return (
<ListItem
 onSwipeOpen={this._onSwipeOpen}
/>
);
}

render(){
return (
<ListView
renderRow={this._renderRow}
 />
}
}

[olejka91]

@xuanpyco I just replaced this library with a react-native-swipe-list-view. Thanks for reply

[kalraneeraj24550]

thanks @xuanpyco sir, your solution worked for me.