我正在开发一个项目,其中有多个<Image />
组件,但遇到了一个问题,即我无法指示用户在任何给定时间正在抓取哪个图像。我首先想到解决这个问题是将图像包装在 a 中TouchableOpacity
,onPress 函数将触发并传递图像数据以更新状态 ( this.setState({ currentImage: imageData })
)。但这不适用于panResponder
. 所以我的问题是,有什么方法可以将数据传递给 panResponder 或者如何让 panResponder 用户正在抓取哪个图像?
class App extends React.Component {
point = new Animated.ValueXY();
constructor() {
super();
this.state = {
shapesArr: [],
isGrabbing: false,
currentShape: {},
};
this._panResponder = PanResponder.create({
// Ask to be the responder:
onStartShouldSetPanResponder: (evt, gestureState) => true,
onStartShouldSetPanResponderCapture: (evt, gestureState) => true,
onMoveShouldSetPanResponder: (evt, gestureState) => true,
onMoveShouldSetPanResponderCapture: (evt, gestureState) => true,
onPanResponderGrant: (evt, gestureState) => {
console.log(findNodeHandle(evt.nativeEvent.target));
this.setState({ …
Run Code Online (Sandbox Code Playgroud)