Please, example with native Modal

[denysoleksiienko]

When we used @react-native-community/blur, the modal looks like:

<Modal
  onRequestClose={onRequestClose}
  statusBarTranslucent
  supportedOrientations={['portrait']}
  transparent
  visible={visible}
>
  <BlurView
    blurAmount={2}
    blurType="dark"
    overlayColor="rgba(0, 0, 0, 0.4)"
    style={{
      ...StyleSheet.absoluteFillObject,
      backgroundColor: colors.overlay,
    }}
  />
  <TouchableWithoutFeedback>
    <View style={{ flex: 1, paddingTop: top }}>
      <View
        style={StyleSheet.flatten([styleVertical, { width }, containerStyle])}
      >
        {renderList()}
      </View>
    </View>
  </TouchableWithoutFeedback>
</Modal>

How to use with @sbaiahmed1/react-native-blur? When I wrapped the modal container with BlurView and only the content blurred, not the full screen

[sbaiahmed1]

Hey @denysoleksiienko , thank you for using the library!
There is an example in the example folder please check it 🙏