Skip to content

An easy and simple to use React Native component to transform and translate a view with gestures like pan, pinch and double tap. Supporting both iOS and Android. Free and made possible along with costly maintenance and updates by [Lue Hang](https://www.facebook.com/lue.hang) (the author).

License

Notifications You must be signed in to change notification settings

iamdavidmartin/react-native-easy-view-transformer

 
 

Repository files navigation

LueHsoft LueH LABS Lue Hang luehang

React Native Easy View Transformer

An easy and simple to use React Native component to transform and translate a view with gestures like pan, pinch and double tap. Supporting both iOS and Android. Check out the docs.

  • Supports pinch, double tap or pull.
  • Includes guestures and important event listeners for pan, pinch, single tap and double tap.
  • Easy to use. Just wrap any view in <ViewTransformer></ViewTransformer>.
  • Won't capture children's press.
  • Won't capture children's scroll, if children don't allow.
  • Supports both iOS and Android.





🔗 Quick Links




💎 Install

Type in the following to the command line to install the module.

$ npm install --save react-native-easy-view-transformer

or

$ yarn add react-native-easy-view-transformer







🎉 Usage Example

Add an import to the top of the file. At minimal, wrap any view in the <ViewTransformer></ViewTransformer>.

If you like react-native-easy-view-transformer, please be sure to give it a star at GitHub. Thanks.

import ViewTransformer from "react-native-easy-view-transformer";

//...
render() {
    return (
        <ViewTransformer
            maxScale={2} // 2 times zoom
        >
            {/* Any kind of view. */}
        </ViewTransformer>
    );
}
//...



📖 Full Documentation

Learn more about the installation and how to use this package in the updated documentation page.








🎅 Author

Free and made possible along with costly maintenance and updates by Lue Hang (the author).








👏 Contribute

Pull requests are welcomed.


🎩 Contributors

Contributors will be posted here.


👶 Beginners

Not sure where to start, or a beginner? Take a look at the issues page.



LueHsoft LueH LABS Lue Hang luehang

📄 License

MIT © Lue Hang, as found in the LICENSE file.

About

An easy and simple to use React Native component to transform and translate a view with gestures like pan, pinch and double tap. Supporting both iOS and Android. Free and made possible along with costly maintenance and updates by [Lue Hang](https://www.facebook.com/lue.hang) (the author).

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 75.4%
  • Objective-C 10.0%
  • Ruby 6.9%
  • Java 6.3%
  • Python 1.4%