时间戳

首页 > 解决方案 > 在 react-native 中确定触摸侧

react-native - 在 react-native 中确定触摸侧

问题描述

我正在尝试touch system在react-native. 如何确定用户是否触摸right or left side了屏幕的 ？是否可以在swipe没有无关库的情况下使用？

标签： react-native

解决方案

您可以像这样获得触摸坐标：

<View onTouchStart={(e) => {console.log('touchMove',e.nativeEvent)}} />

所以你可以在一个函数上定义它的限制。

或者，你可以用“不好的方式”来做，那就是并排使用 2 个透明的可触摸视图（可触摸不透明、可按压、可触摸高亮），每个视图占据屏幕的一半。

像这样（我没有测试过）：

<View style={{flexDirection: 'row', position: 'absolute', flex: 1}}>
  <touchableOpacity style={{flex: 1}} onPress={() => console.log('left side clicked')}>
  </touchableOpacity>

  <touchableOpacity style={{flex: 1}} onPress={() => console.log('right side clicked')}>
  </touchableOpacity>
</View>

推荐阅读