OpenGL bindings for React Native to implement complex effects over images and components, in the descriptive VDOM paradigm. You can use predefined filters:
- blur
- contrast
- saturation
- brightness
- hue
- negative
- sepia
- sharpen
- temperature
- exposure.
gl-react-native is an implementation of gl-react for react-native. Please read the main gl-react README and gl-react-native README for more information.
Props for ImageFilters Component
| Name | Description | Type | Required | Default Value |
|---|---|---|---|---|
| children | Inner component or url for image | Any | + | |
| width | Width of component | Number | + | |
| height | Height of component | Number | + | |
| hue | Hue filter | Number | 0 | |
| blur | Blur filter | Number | 0 | |
| sepia | Sepia filter | Number | 0 | |
| sharpen | Sharpen filter | Number | 0 | |
| negative | Negative filter | Number | 0 | |
| contrast | Contrast filter | Number | 1 | |
| saturation | Saturation filter | Number | 1 | |
| brightness | Brightness filter | Number | 1 | |
| temperature | Temperature filter | Number | 6500 | |
| exposure | Exposure filter | Number | 0 | |
| 🆕 colorOverlay | Color Overlay with the length of 4 (RGBA format). Values must be a real value between 0 and 255. | Array | [0.0, 0.0, 0.0, 0.0] |
Can be used to set filter to default one manually.