当行向左滑动时切换动作

时间:2019-05-18 18:18:36

标签: ios react-native swipe expo gesture

我正在使用Swipeable中的react-native-gesture-handler来构建基于Expo框架的iOS应用,以水平滑动行并显示选项(例如删除行)。

在向左滑动时,我会在右侧显示选项(有效)。滑动更多时,我想激活上一个按钮,就像在iOS电子邮件应用程序中存档电子邮件时一样,我不知道该怎么做,并且似乎可滑动不支持此类选项。

有人有类似的挣扎吗?如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

您只需使用状态变量计数器并将其更新为1和2即可进行左滑动,并管理两个按钮的可见性。

state={swipeCounter:0}
onleftSwipe()=>{
 const {swipeCounter}=this.state;
  this.setState({swipeCounter:swipeCounter+1});
}

<View style={{display:'flex';direction:'column'}}>
{swipeCounter===2?<Button>b2<Button>:null}
{swipeCounter===1?<Button>b1<Button>:null}
</View>