From bd80e57213056105ae8a4406efb75f7df5f7d80d Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Wed, 30 May 2018 00:46:07 +0000 Subject: [PATCH] Deploy website Deploy website version based on 2e44131c1fe9dc5a7084a3963f5dd5a652da75dc --- docs/next/panresponder.html | 79 +++++++++++++++++++------------------ 1 file changed, 41 insertions(+), 38 deletions(-) diff --git a/docs/next/panresponder.html b/docs/next/panresponder.html index 924459ecb66..b41d1f78343 100644 --- a/docs/next/panresponder.html +++ b/docs/next/panresponder.html @@ -46,48 +46,51 @@
  • numberActiveTouches - Number of touches currently on screen
  • Basic Usage

    -
      componentWillMount: function() {
    -    this._panResponder = PanResponder.create({
    -      // Ask to be the responder:
    -      onStartShouldSetPanResponder: (evt, gestureState) => true,
    -      onStartShouldSetPanResponderCapture: (evt, gestureState) => true,
    -      onMoveShouldSetPanResponder: (evt, gestureState) => true,
    -      onMoveShouldSetPanResponderCapture: (evt, gestureState) => true,
    +
      class ExampleComponent extends Component {
    +    constructor(props) {
    +      super(props)
    +      this._panResponder = PanResponder.create({
    +        // Ask to be the responder:
    +        onStartShouldSetPanResponder: (evt, gestureState) => true,
    +        onStartShouldSetPanResponderCapture: (evt, gestureState) => true,
    +        onMoveShouldSetPanResponder: (evt, gestureState) => true,
    +        onMoveShouldSetPanResponderCapture: (evt, gestureState) => true,
     
    -      onPanResponderGrant: (evt, gestureState) => {
    -        // The gesture has started. Show visual feedback so the user knows
    -        // what is happening!
    +        onPanResponderGrant: (evt, gestureState) => {
    +          // The gesture has started. Show visual feedback so the user knows
    +          // what is happening!
     
    -        // gestureState.d{x,y} will be set to zero now
    -      },
    -      onPanResponderMove: (evt, gestureState) => {
    -        // The most recent move distance is gestureState.move{X,Y}
    +          // gestureState.d{x,y} will be set to zero now
    +        },
    +        onPanResponderMove: (evt, gestureState) => {
    +          // The most recent move distance is gestureState.move{X,Y}
     
    -        // The accumulated gesture distance since becoming responder is
    -        // gestureState.d{x,y}
    -      },
    -      onPanResponderTerminationRequest: (evt, gestureState) => true,
    -      onPanResponderRelease: (evt, gestureState) => {
    -        // The user has released all touches while this view is the
    -        // responder. This typically means a gesture has succeeded
    -      },
    -      onPanResponderTerminate: (evt, gestureState) => {
    -        // Another component has become the responder, so this gesture
    -        // should be cancelled
    -      },
    -      onShouldBlockNativeResponder: (evt, gestureState) => {
    -        // Returns whether this component should block native components from becoming the JS
    -        // responder. Returns true by default. Is currently only supported on android.
    -        return true;
    -      },
    -    });
    -  },
    +          // The accumulated gesture distance since becoming responder is
    +          // gestureState.d{x,y}
    +        },
    +        onPanResponderTerminationRequest: (evt, gestureState) => true,
    +        onPanResponderRelease: (evt, gestureState) => {
    +          // The user has released all touches while this view is the
    +          // responder. This typically means a gesture has succeeded
    +        },
    +        onPanResponderTerminate: (evt, gestureState) => {
    +          // Another component has become the responder, so this gesture
    +          // should be cancelled
    +        },
    +        onShouldBlockNativeResponder: (evt, gestureState) => {
    +          // Returns whether this component should block native components from becoming the JS
    +          // responder. Returns true by default. Is currently only supported on android.
    +          return true;
    +        },
    +      });
    +    }
     
    -  render: function() {
    -    return (
    -      <View {...this._panResponder.panHandlers} />
    -    );
    -  },
    +    render() {
    +      return (
    +        <View {...this._panResponder.panHandlers} />
    +      );
    +    }
    +  }
     

    Working Example

    To see it in action, try the PanResponder example in RNTester