title: How to add backdrop/blur effect with SVG in react native?
body: <p>I have following UI requirement in react native.</p>
  <img src="https://i.stack.imgur.com/j2lxB.png">
  <p>I have tried to make the red box portion as it is. However could not find the optimal solution.
  I have tried with .svg image however, blur effect using <code>feGaussianBlur</code> is not achievable in react native due to DOM.</p>
  <p>If anybody can suggest a way to make curve with View</p>
  <p>Or</p>
  <p>A way to blur sag image creating similar effect. Will be helpful.</p>
  <p>Thanks in advance.</p>