React Native MaskedView for Android

Question

React Native内置MaskedViewIOS了ios,它运行良好.我想知道是否还有类似于android的东西.看看React Native的源代码,有一个内置组件,它只是命名MaskedView,我怀疑它应该适用于两个平台(iOS和Android).但是,尝试以相同的方式使用它MaskedViewIOS,会发生一些错误.

PS我还没有MaskedView在Android上使用过(因为它在iOS上爆发)

PPS MaskedView是underfined,所以我猜它目前不支持Android.任何第三个图书馆开源也许？

Answer 1

我的react-native-image-filter-kit库可以涵盖很多MaskedViewIOS 使用场景。RN文档中的“文本背后的图像”示例：

import { Image } from 'react-native'
import { DstATopComposition, TextImage } from 'react-native-image-filter-kit'

const masked = (
  <DstATopComposition
    style={{ backgroundColor: 'red' }}
    resizeCanvasTo={'dstImage'}
    dstImage={
      <Image
        style={{ width: 320, height: 320 }}
        source={{ uri: 'https://una.im/CSSgram/img/cacti.jpg' }}
        resizeMode={'contain'}
      />
    }
    srcImage={
      <TextImage
        fontName={'Gagarin'}
        text={'basic mask'}
        fontSize={80}
      />
    }
  />
)

安卓：

iOS：

PS Gagarin 字体取自此处并重命名为“Gagarin.ttf”