title: How to add blur effect in react native?
body: <p>How to add blur to a View in React Native, just like we apply it to an Image or BackgroundImage? If the view has translucent background using RGBA, I want to add blur to it also.</p>
  <p>Sample Code</p>
  <pre><code>&lt;ImageBackground style={styles.bg}&gt;
   &lt;View style={styles.content} /&gt;
  &lt;/ImageBackground&gt;
  
  
  const styles = StyleSheet.create({
    bg: {
     width: &quot;100%&quot;,
     height: &quot;100%&quot;
    },
    content:{
      width: &quot;70%&quot;,
      height: &quot;70%&quot;,
      backgroundColor: &quot;rgba(255,255,355,0.4)&quot;,
      alignSelf: &quot;center&quot;
    }
  })
  </code></pre>