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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

回答：

使用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>

以上是 如何在react native中同时启用对多个按钮的触摸？ 的全部内容， 来源链接： utcz.com/qa/403527.html

回到顶部