React native swipe out以删除与导航返回的冲突

时间:2017-05-15 11:09:39

标签: reactjs react-native

Code:

 npm install --save react-native-swipeout

 var swipeoutBtns = [
 {
   text: 'Button'
 }

swipetoDelete()
{
 alert('delete')
},
<Swipeout onPress={()=>this.swipetoDelete()}  right={swipeoutBtns}>
  <View  key={i} style={styles.containerSectionMenuOption}>
   <TouchableOpacity>
  ..
  ..
   </TouchableOpacity>
  </View>
</Swipeout>

我正在使用基于标签栏的项目。我正在尝试滑动删除功能。虽然刷卡它工作正常。当我滑出它移动到前一个屏幕也onPress事件不会触发。如何解决这个问题问题?任何帮助都会被提及。谢谢提前

1 个答案:

答案 0 :(得分:0)

假设您正在使用react-native-router-flux,在您宣布所有场景的路线页面上,您可以将该壮观场景设置为垂直打开,因此水平滑动不会返回。或者你可以通过将该场景的panhandler设置为null来禁止滑动返回。

<Scene key="login" direction="vertical">