如何在react native中同时启用对多个按钮的触摸？

小编典典

如何在react native中同时启用对多个按钮的触摸？

reactjs

我需要在触摸并按住一个按钮时也应该能够触摸按钮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）。我希望我在录制视频时应该能够单击翻转相机按钮。

阅读 452

2020-07-22

共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>

2020-07-22