Masked View Component for React. Just like a <View />
with a mask.
<MaskedView maskImage="mask.png">...</MaskedView>
0.2.0
is compatible with react-native@0.10.10.1.0
is compatible with react-native@0.7.1npm 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 react@0.6.0-rc the MaskedView element cannot have it's own backgroundColor, but it's children can.
Just clone this repo, cd
into react-native-masked-view
and npm install
. Then open MaskedViewDemo.xcodeproj
and click run.
maskImage
prop with maskSource
prop that works just like <Image />
's source
prop.
(the internal react-native image-related code really should be refactored so it's more easily
re-usable outside of <Image />
)