如何使 SVG 图像在 react-native 中变得模糊

Question

I want to use a svg with 2 blurred corners to have a gradient background in react native, but the issue is those blurred corners become 2 circle. Any solutions?. Here is the images:

Answer 1

I suggest using react-native-linear-gradient , instead of having 2 SVGs in the corners of the component. You can specify which colors and where the gradient starts and ends on both X and Y axises.

But if you are determined to use them, I recommend using react-native-blur and adjusting the styling of the component according to your needs