Variable Blur View for React Native. Inspired by @jtrivedi and @aheze.
demo.mp4
yarn add @candlefinance/blur-viewUse the BlurViewView component to blur the content behind it.
import { BlurViewView } from '@candlefinance/blur-view';
<BlurViewView
style={{
width,
height: 200,
position: 'absolute',
}}
/>;View the example app in the example folder.
| Property | Type | Default | Description |
|---|---|---|---|
maxBlurRadius |
number |
20 |
The amount of blur to apply to the view. |
gradientMask |
string |
see source | The gradient mask to apply to the view in base64. |
See the contributing guide to learn how to contribute to the repository and the development workflow.
MIT