import Gestures from 'react-native-easy-gestures';  /* Simple example: */ <Gestures>   <Image     source={photo}     style={{       width: 200,       height: 300,     }}   /> </Gestures>  /* Only drag example witn `onChange` event: */ <Gestures   rotatable={false}   scalable={false}   onChange={(event, styles) => {     console.log(styles);   }} >   <Image     source={photo}     style={{       width: 200,       height: 300,     }}   /> </Gestures>  /**  * Another example:  * Drag only on x axis;  * Scale from 0.1 to 7;  * Do not rotate;  * On release callback;  */ <Gestures   draggable={{     y: false,   }}   scalable={{     min: 0.1,     max: 7,   }}   rotatable={false}   onEnd={(event, styles) => {     console.log(styles);   }} >   <Image     source={photo}     style={{       width,       height,     }}   /> </Gestures>

draggable?: boolean = true | object = { x?: boolean = true, y?: boolean = true }

rotatable?: boolean = true

scalable?: boolean = true | object = { min?: number = 0.33, max?: number = 2 }

style?: object // RN Styles

onStart?(event: object, styles: object): void

onChange?(event: object, styles: object): void

onEnd?(event: object, styles: object): void

onMultyTouchStart?(event: object, styles: object): void

onMultyTouchChange?(event: object, styles: object): void

onMultyTouchEnd?(event: object, styles: object): void

onRotateStart?(event: object, styles: object): void

onRotateChange?(event: object, styles: object): void

onRotateEnd?(event: object, styles: object): void

onScaleStart?(event: object, styles: object): void

onScaleChange?(event: object, styles: object): void

onScaleEnd?(event: object, styles: object): void

<Gestures   ref={(c) => { this.gestures = c; }}   onEnd={(event, styles) => {     this.gestures.reset((prevStyles) => {       console.log(prevStyles);     });   }}