React-native: MaskedView support for Android

[IljaDaderko]

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?)

[janhesters]

This would be great to have for Android!

[Bunlong]

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 :+1:

[AlexandruVoica]

Yes! MaskedView is much needed on Android as well.

[iyegoroff]

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

[cpojer]

This issue has been moved to react-native-community/react-native-masked-view#3.