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

标签 javascript ios reactjs react-native multi-touch

我需要当我触摸并按住一个按钮时,我也应该能够触摸按钮 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>

关于javascript - 如何在 React Native 中同时启用多个按钮的触摸?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42776490/

相关文章:

ios - 为什么我的核心数据保存缓慢?

ios - AFNetworking 2.0 缓存问题

javascript - 当我将鼠标悬停在它上面的东西上时,如何使边框变大?

javascript - 从按钮onclick调用函数不起作用 react js

javascript - 简单的 Web 开发概念我找不到关于 +update 的任何信息

javascript - 同一个 div 的多次迭代?

javascript - 使用变量调用对象

javascript - 使用 d3 通过类型过滤输入表单

javascript - AJAX 内容加载后回调运行两次

ios - 表格 View 单元格保持突出显示