[Docs] Fix Animated example for onScroll and onPanResponderMove to match paragraph description

[negativetwelve]

I was going through the animated documentation and noticed that the example for the Input Events didn't match the variables in the paragraph above. Simple fix.

cc @sahrens

[brentvatne]

@negativetwelve - just looked at this quickly as I'm about to board a flight but this change looks incorrect to me - why are you using scrollX instead of pan.y? The pan.y value is specifying what value to update.

[negativetwelve]

@brentvatne thanks for taking a look. The diff doesn't show the second example fully so I think that might be somewhat confusing.

The paragraph above states:

In the example, you can see that scrollX maps to event.nativeEvent.contentOffset.x

but the example never mentions scrollX and instead shows:

onScroll={Animated.event(
  [{nativeEvent: {contentOffset: {y: pan.y}}}]   // pan.y = e.nativeEvent.contentOffset.y
)}

The second example updates both pan.x and pan.y but the paragraph above only references pan.x.

Maybe this section should be broken up into two distinct examples?

From what I understand, the variable in the innermost part of the hash is the one being set to the equivalent of chaining all the keys from the outer hash values together for either the event or gestureState variables. If that's not correct, please let me know!

[sahrens]

Yeah, this looks good - thanks for the fix!

[brentvatne]

haha ok that makes sense, nice one @negativetwelve 😄