Masked View Component for React. Just like a
<View /> with a mask.
0.2.0is compatible with email@example.com
0.1.0is compatible with firstname.lastname@example.org
npm install react-native-masked-view
var MaskedView = require('react-native-masked-view');
... then have a look at these instructions and adjust accordingly.
maskImage: File name of image asset added to Images.xcassets. See React Docs for instructions on adding images.
note: since email@example.com the MaskedView element cannot have it's own backgroundColor, but it's children can.
Just clone this repo,
npm install. Then open
MaskedViewDemo.xcodeproj and click run.
- add more sizing options
- add various mask sources: shape, svg, other layers
maskSourceprop that works just like
sourceprop. (the internal react-native image-related code really should be refactored so it's more easily re-usable outside of