stops working within other horizontal scrollview

[meteor-factory]

stops working within other horizontal scrollview

[ryanthegiantlion]

Actually I used https://github.com/Ryanthegiantlion/react-native-tinder-swipe but the code is similar. But yes, that is how I did it. In the panresponder I set a locked state on the component to true and passed that down as a prop to the scrollview.

[indivisable]

Thanks Ryan,

Ended up passing down a callback to be called

 onPanResponderGrant: (e, gestureState) => {
        this.props.lock(false);
...

  onPanResponderRelease: (e, {vx, vy, dx, dy}) => {
        this.props.lock(true);
...

Here is the callback:

lock(mode) {
    this.refs.scrollView.setNativeProps({ scrollEnabled: mode });
 }

Also I Found an alternative solution, this works great I may move to this: (Ended up using this) https://github.com/mjracca/react-native-scroll-block

[yogiben]

Maybe you could put it in a modal or remove it from the scrollview somehow?

Maybe loop @brentvatne in

[ryanthegiantlion]

The scrollable tab view has a 'locked' property which can be set to prevent scrolling. Setting locked to true in the grant method should solve the issue.

EDIT: FYI the issue is described here. The article talks about scrollview which it seems is what the scrollable tab view uses internally

[indivisable]

Ever figure this out? I am trying to put this inside a Vertical Scroll View and it does not seem to like, going to see if I can stop the touch events from propagating.

[ryanthegiantlion]

So I have seemed to have misplaced the code but I built a prototype using the method I mentioned above. Here is the outcome . . .

[indivisable]

So you lock and unlock the ScrollView when the PanResponder in SwipeCard.js?

[ryanthegiantlion]

Guess the issue can be closed then . . .