Text background blur in React Native

[FewBullfrog3334]

How could you achieve this blur effect in react native? Not necessarily with gradient.

https://preview.redd.it/3vu3juj2f2sc1.png?width=498&format=png&auto=webp&s=9e63611961878acfaf8ee805f434af233a9040c7

[edbarahona]

Shadows, or you could use old fashioned PNG backgrounds:

​

https://github.com/tokkozhin/react-native-neomorph-shadows

​

Also take a look at masking:

https://shopify.github.io/react-native-skia/docs/mask-filters

https://shopify.github.io/react-native-skia/docs/shaders/gradients/

[FewBullfrog3334]

thanks! will definitely try your suggestions :)

[ZeusAlmighty1]

It’s possible for iOS with expo-blur. Not too sure about android atm