PanResponder React本机参数

Question

我的panResponder有问题我的代码：

componentWillMount() {
    this._panResponder = PanResponder.create({
      onStartShouldSetPanResponder: (evt, gestureState) => false,
      onStartShouldSetPanResponderCapture: (evt, gestureState) => true,
      onMoveShouldSetPanResponder: (evt, gestureState) => Math.abs(gestureState.dy) > 5,
      onMoveShouldSetPanResponderCapture: (evt, gestureState) => true,
      onPanResponderMove: this._handlePanResponderMove,
    });
  }

_handlePanResponderMove(event, gestureState) {
    if (gestureState.dy > current) {
      console.log("Down");
    } else {
      console.log("Up");
    }
    current = gestureState.dy;
  }

componentTag() {
   return tabTag.map((item, id) => {
      return(
        <View key={id} >
            <View {...this._panResponder.panHandlers}>
                <Icon name="ios-reorder" ></Icon>
            </View>
        </View>
      );
    });
}

render() {
   return (
     {this.componentTag}
   );
}

我想知道什么时候我在函数_handlePanResponderMove我的数组的ID的值，但我不能给函数参数

Answer 1

handlePanResponderMove中的event参数为您提供触摸目标的节点ID。 即Event.nativeEvent.target可以帮助您。

Answer 2

里面你componentTag你使用this关键字，要做到这一点，你需要绑定this给你的方法。

您需要一个类似以下的构造函数：

constructor() {
   this.componentTag = this.componentTag.bind(this);

   //since you're using this keyword on componentDidMount as well,
   this.componentWillMount = this.componentWillMount.bind(this);
}