javascript - 如何在 React Native 中同时启用多个按钮的触摸？

Question

我需要当我触摸并按住一个按钮时，我也应该能够触摸按钮 1。

<View>
  
  <View 
  onStartShouldSetResponder={()=>this.console("Button 2 Clicked")}>
    <Text>BUTTON 2</Text>
  </View>
  
  <TouchableOpacity 
  onPressIn={()=>this.console('Button 1 pressed')}
  onPressOut={()=>this.console('Button 1 released')}>
    <View>
      <Text>BUTTON 1</Text>
    </View>
  </TouchableOpacity>

</View>

基本上，我有一个屏幕，我可以通过点击并按住录制按钮(按钮 1)来录制视频。在同一屏幕上，我有一个翻转相机按钮(按钮 2)。我希望在录制视频时能够点击翻转相机按钮。

Answer 1

使用 View 组件的 onTouchStart、onTouchEnd 属性可以很容易地解决这个问题，而无需使用手势响应方法。

所以修改后的代码看起来像

<View>

  <View onTouchStart={()=>this.console("Button 2 Clicked")}>
    <Text>BUTTON 2</Text>
  </View>

  <View 
    onTouchStart={()=>this.console('Button 1 pressed')}
    onTouchEnd={()=>this.console('Button 1 released')}>
      <Text>BUTTON 1</Text>
  </View>

</View>