React native：混合混合模式可能吗？

Question

是否可以在RN中使用混合混合模式？

style={{
  mixBlendMode: 'overlay'
}}

无效的props.style键

Answer 1

不幸的是没有。

最接近的是https://github.com/ProjectSeptemberInc/gl-react-native与https://github.com/CAPSLOCKUSER/gl-react-color-blending

Answer 2

如果您需要混合图像，可以通过以下方式尝试我的react-native-image-filter-kit：

import { Image } from 'react-native'
import { OverlayBlend } from 'react-native-image-filter-kit'

const imageStyle = { width: 320, height: 320 }

const tahoe = (
  <Image
    style={imageStyle}
    source={{ uri: 'https://una.im/CSSgram/img/tahoe.jpg' }}
    resizeMode={'contain'}
  />
)

const cacti = (
  <Image
    style={imageStyle}
    source={{ uri: 'https://una.im/CSSgram/img/cacti.jpg' }}
    resizeMode={'contain'}
  />
)

const blended = (
  <OverlayBlend
    dstImage={tahoe}
    srcImage={cacti}
  />
)