-
Notifications
You must be signed in to change notification settings - Fork 24.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
MaskedView support for Android #19546
Comments
This would be great to have for Android! |
React Native Core Team should make MaskedView more general and support it for Android as well. This would be great to have MaskedView for Android 👍 |
Yes! MaskedView is much needed on Android as well. |
To achieve similar effect on Android you can use my react-native-image-filter-kit package: import { Image } from 'react-native'
import { DstATopComposition } from 'react-native-image-filter-kit'
const style = { width: 320, height: 320 }
const masked = (
<DstATopComposition
dstImage={
<Image
style={style}
source={{ uri: 'https://i.ytimg.com/vi/_ebwvrrBfUc/hqdefault.jpg' }}
/>
}
srcImage={
<Image
style={style}
source={{ uri: 'https://pluspng.com/img-png/download-smoke-effect-png-images-transparent-gallery-advertisement-advertisement-336.png' }}
/>
}
/>
) Text mask example |
This issue has been moved to react-native-masked-view/masked-view#3. |
For Discussion
I've worked on view demonstrated below today, very pleasant experience while using MaskedViewIOS
In essence it masks Orc graphic with that dark cloud / smoky mask. On android however, I was not able to find anything similar from community and after 3h of trying to create a native component bridge for this, I came nowhere close :/
Hence I wanted to start this discussion, shall we make
MaskedView
more general and support it for Android as well, or are there some limitations that don't allow this (hence only IOS implementation at the moment?)The text was updated successfully, but these errors were encountered: