Limiting the y and x axis

[Ahmed-Imam]

I want to limit the draggable components to be dragged in the above part of the screen only

<Gestures
               rotatable={false}
                draggable={{
                       y: height/2,
                                 }}
                  scalable={{
                          min: 0.1,
                           max: 7,
                               }}/>

[stokesbga]

Check out my fork. still updating it, but it has a callback for onOutOfBounds and props for containerStyle etc.

[Ahmed-Imam]

I solved the issue temporary as follow, please share if you have a better solution or any suggestion

<Gestures
    onChange={(event) => event.touchHistory.touchBank[Platform.OS == 'ios' ? 1 : 0].currentPageY >= 300 ?
     this.setState({ Y: false }) : this.setState({ Y: true })}
     draggable={{
            y: this.state.Y,
            x: true}}>
          <Text>Test</Text>
</Gestures>