React Native onStartShouldSetResponder 和 onResponderRelease？

Posted 2023-02-22

【中文标题】React Native onStartShouldSetResponder 和 onResponderRelease？

【英文标题】：React Native onStartShouldSetResponder and onResponderRelease?

【发布时间】：2016-08-14 00:12:49

【问题描述】：

我创建了一个按钮，我希望它在单击时调用函数，然后在释放时再次调用。普通的 TouchableOpacity 或其他只会在释放点击时触发功能，我需要同时点击和释放的功能。

<View
    style=styles.touchbutton
    onStartShouldSetResponder=() => this.clickOn()
    onResponderRelease=() => this.clickRelease()>
    <Text style=styles.dark>Button</Text>
</View>

以上代码在点击时有效，但在发布时无效。我也试过 onResponderReject 但这也不起作用。很难找到命令应该是什么。

【参考方案1】：

遇到了同样的问题。 onStartShouldSetResponder需要返回true。

onStartShouldSetResponder=(e) => 
    /*do whatever*/;
    return true

【参考方案2】：

请尝试此代码对于您的点击事件，它适用于我：

clickOn()
Alert.alert(
  'Test Demo',
  'Please Enter Valid Data',
  [
    //text: 'Ask me later', onPress: () => console.log('Ask me later pressed'),
    text: 'Cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel',
    text: 'OK', onPress: () => console.log('OK Pressed'),
  ],
   cancelable: false 
)
  

把这两行放在你发布时对我有用

  onStartShouldSetResponder=() => true
  onResponderRelease=() => this.onRowTap()