[Touchable] How to stopPropagation touch event

I have a ScrollView which contains a View inside. When I move touch on the View, It will scroll the ScrollView too. I woner is there a way to stopPropagation just like the DOM event does. I have tried to set PanResponder like this,but It didn`t work

PanResponder.create({
  onStartShouldSetPanResponder:  function () {
    return false;
  },
  onStartShouldSetPanResponderCapture: function () {
    return false;
  },
  onMoveShouldSetPanResponder:  function () {
    return false;
  },
  onMoveShouldSetPanResponderCapture: function () {
    return false;
  },
  onPanResponderTerminationRequest: function () {
    return false;
  }
});

[nulleof]

I use

this.scrollView.setNativeProps({ scrollEnabled: false } inside onPanResponderGrant and this.scrollView.setNativeProps({ scrollEnabled: true } inside onPanResponderRelease.

this.scrollView is set inside ref: <ScrollView ref={(c) => { this.scrollView = c; }} >

It works much faster than setting state variable and there is no scroll movement even if you swipe fast.

[casperin]

I had the same problem. This response solved it for me. Essentially same as @tukkajukka’s solution above, only with

componentWillMount () {
  this._panResponder = PanResponder.create({
    onPanResponderTerminationRequest: () => false,
    onStartShouldSetPanResponderCapture: () => true,
  });
}