{"repo":"enzomanuelmangano/react-native-skia-gesture","free":true,"listed":false,"github":"https://github.com/enzomanuelmangano/react-native-skia-gesture","clone":"git clone https://github.com/enzomanuelmangano/react-native-skia-gesture.git","description":"A detection system for React Native Skia components","language":"TypeScript","stars":168,"topics":["gestures","react-native","skia"],"license":"MIT","category":"mobile-apps","readme_excerpt":"React Native Skia Gesture 🤌🏽 A detection system for React Native Skia components. Motivation React Native Skia, provides many declarative APIs for building screens using React Components. However, Skia components are not real components, but abstract representations of a part of a drawing. Therefore direct interactions with individual Skia components can only be achieved indirectly from the Canvas (trying to figure out if the point on the screen that was clicked is within the element we want to interact with). This package, simply provides a set of APIs to be able to interact directly with individual components. Installation You need to have already installed @shopify/react-native-skia ( = 0.1.221) Since v0.3.0 You need to install Reanimated (v3.0.0+) and Gesture Handler (v2.0.0+) Install Skia Gesture Open a Terminal in your project's folder and then install the library using yarn : Usage If the element is a Circle , Rect , RoundedRect , or a Path the package will automatically derive its touchablePath . Alternatively it will have to be passed as a parameter to the TouchableComponent. Run the Gestures on JS thread You might want to run the gestures on the JS thread (but it's not recommended). However it could be useful if you want to slowly migrate from the v0.2.0 to the v0.3.0. To handle that you need to define the panGesture and pass it to the Touchable.Canvas Ingredients Canvas It's simply a Wrapper of Skia's Canvas. --- withTouchableHandler It's a HOC with which to wrap","default_branch":null,"files":null,"tree":[],"storefront":"/r/enzomanuelmangano","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/enzomanuelmangano/react-native-skia-gesture/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}