Instagram like filters using React Native

Question

I have been looking for a way to develop Instagram like filters using React-Native. I have created filters using another mobile framework called Ionic which uses the webview to create apps, but the filters are much too slow. How could I manipulate images to create such filtered effects using react-native.

Cheers

Answer 1

You can check my react-native-image-filter-kit module. It contains an Instagram like set of filters ported from CSSGram project.

Usage example:

import { Image } from 'react-native'
import { ToasterCompat } from 'react-native-image-filter-kit'

const imageStyle = { width: 320, height: 320 }

const atx = (
  <Image
    style={imageStyle}
    source={{ uri: 'https://una.im/CSSgram/img/atx.jpg' }}
    resizeMode={'contain'}
  />
)

const toasted = <ToasterCompat image={atx} />