Instagram like filters using React Native

We will going to use react-native-image-filter-kit module. because module support most of the native image filters.

First of import Image component from react-native.

import { Image } from 'react-native'

After that import filter from react-native-image-filter-kit.

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

A simple line for image style:

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

Create Const for image use with image style and image URL.

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

Finally, declare toasted const with image const.

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

Thank you