React native : mix blend mode possible?

Question

is it possible to use mix-blend-mode in RN?

    style={{
      mixBlendMode: 'overlay'
    }}

Got invalid props.style key

Answer 1

If you need to blend images you can try my react-native-image-filter-kit this way:

    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}
      />
    )