小编典典

如何在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)。我希望我在录制视频时应该能够单击翻转相机按钮。


阅读 451

收藏
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