reactjs - 使用 React Native 的类似 Instagram 的过滤器

Question

我一直在寻找一种使用 React-Native 开发类似 Instagram 的过滤器的方法。我使用另一个名为 Ionic 的移动框架创建了过滤器，该框架使用 webview 来创建应用程序，但过滤器太慢了。我如何使用react-native 操作图像来创建此类过滤效果。

干杯

Answer 1

你可以查看我的react-native-image-filter-kit模块。它包含一个像set of filters这样的Instagram从 CSSGram 项目移植。

使用示例:

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

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

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

const toasted = <ToasterCompat image={atx} />