how to make the blur effect with react-native?

Question

how to make the blur effect with react-native ? like \'background-image\'

and i want to switch the effect \'blur\' and \'none\'，\'none\' means no blur effe

Answer 1

Try using {ImageBackground} from 'react-native' and set blurRadius={number} like this:

    Blur background

https://facebook.github.io/react-native/docs/images.html#background-image-via-nesting https://facebook.github.io/react-native/docs/image.html#blurradius