react-native-masked-view
v0.2.0
Published
A <MaskedView> element for react-native
Downloads
1,105
Maintainers
Readme
react-native-masked-view
Masked View Component for React. Just like a <View />
with a mask.
<MaskedView maskImage="mask.png">...</MaskedView>
compatibility
The latest version is compatible with [email protected]
installation
npm install react-native-masked-view
var MaskedView = require('react-native-masked-view');
... then have a look at these instructions and adjust accordingly.
options
maskImage
: File name of image asset added to Images.xcassets. See React Docs for instructions on adding images.
note: since [email protected] the MaskedView element cannot have it's own backgroundColor, but it's children can.
demo
Just clone this repo, cd
into react-native-masked-view
and npm install
. Then open MaskedViewDemo.xcodeproj
and click run.
todo
- add more sizing options
- add various mask sources: shape, svg, other layers
- replace
maskImage
prop withmaskSource
prop that works just like<Image />
'ssource
prop. (the internal react-native image-related code really should be refactored so it's more easily re-usable outside of<Image />
)