Instagram 喜欢使用 React Native 的过滤器

Question

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

干杯

Answer 1

你可以查看我的react-native-image-filter-kit模块。它包含一组类似 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} />

Answer 2

我在https://medium.com/@wcandillon/instagram-filter-63e169a54ce3的中等故事中使用 gl-react 编写了用于在 React Native 中实现 instagram 样式过滤器的配方。