PanResponderは私がpanResponder 私のコードに問題があるネイティブのパラメータ

Question

に反応：

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} 
    ); 
} 

私は関数の中で私の配列のIDの値を_handlePanResponderMoveていたときに知っていただきたいと思いますが、私はパラメータを与えることができません関数に

Answer 1

thisキーワードを使用している場合は、thisをメソッドにバインドする必要があります。 handlePanResponderMove で

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

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

Answer 2

イベントパラメータはあなたのタッチのターゲットのノードIDを付与します。

は、次のようなコンストラクタを必要とします。 .Ie Event.nativeEvent.targetがこれを手伝ってくれます。