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.