【问题标题】:PanResponder React nativePanResponder 反应原生
【发布时间】:2018-03-30 09:51:47
【问题描述】:

我在 React-native 中遇到了 PanResponder 的问题。 没看懂怎么用。。。 我的代码:

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

}

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

谢谢!

【问题讨论】:

  • 我找到了解决办法

标签: javascript reactjs react-native


【解决方案1】:

对不起这篇文章 解决方案 : 添加:

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

【讨论】:

  • onMoveShouldSetPanResponderCapture可能就够了
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-05-28
  • 2021-11-07
  • 2021-05-03
  • 2017-11-09
  • 2018-12-07
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多