2017-10-18 21 views
0

我在React-native中遇到PanResponder问题。 我不知道如何使用它... 我的代码:PanResponder React native

export default class Index_preferences extends Component { 
componentWillMount() { 
    this._panResponder = PanResponder.create({ 
     onPanResponderMove: this._handlePanResponderMove, 
     onPanResponderGrant: this._handlePanResponderGrant, 
    }); 
    } 

_handlePanResponderMove(event, gestureState) { 
    console.log(gestureState); 
    } 

    _handlePanResponderGrant(event, gestureState) { 
    console.log(gestureState); 
    } 

componentTag() { 
    return tabTag.map((item, id) => { 
     return(
     <View key={id} {...this._panResponder.panHandlers}> 
      <Text>Here</Text> 
     </View> 
    ); 
    }); 
} 

render() { 
    return (
    <View> {this.componentTag()} </View> 
); 
} 

}

但没有任何反应我的控制台显示什么

谢谢!

+0

我找到了解决办法 –

回答

0

对不起这个职位 解决方案: 地址:

onStartShouldSetPanResponder: (evt, gestureState) => true, 
onStartShouldSetPanResponderCapture: (evt, gestureState) => true, 
onMoveShouldSetPanResponder: (evt, gestureState) => true, 
onMoveShouldSetPanResponderCapture: (evt, gestureState) => true, 

this._panResponder = PanResponder.create({ 
     onPanResponderMove: this._handlePanResponderMove, 
     onPanResponderGrant: this._handlePanResponderGrant, 
    });