如何在 React Native 中添加实时相机滤镜和颜色效果

Posted

技术标签:

【中文标题】如何在 React Native 中添加实时相机滤镜和颜色效果【英文标题】:How to add live camera filters and color effects in react native 【发布时间】:2021-08-29 01:29:35 【问题描述】:

有没有办法在 react native 中添加实时相机滤镜和颜色效果,如对比度、亮度、棕褐色等?尝试使用 expo-gl 或 web-gl。但还没有运气。相机组件不使用 web-gl 在着色器节点内渲染。

有没有人知道这个的解决方案或以前开发过这种类型的功能。真的很有帮助。

谢谢

【问题讨论】:

【参考方案1】:

Expo 有一个演示,用于在其存储库中隐藏的实时摄像机源上使用着色器:https://github.com/expo/expo/blob/master/apps/native-component-list/src/screens/GL/GLCameraScreen.tsx

你应该能够通过使用片段着色器来做你想做的事情。

【讨论】:

以上是关于如何在 React Native 中添加实时相机滤镜和颜色效果的主要内容,如果未能解决你的问题,请参考以下文章

react native如何打开相机拍照?

如何使用 react-native 将图像放在相机视图的顶部

如何在 react-native 中访问相机我无法将图片保存在手机存储中

如何使用 react-native-camera 从相机胶卷 url 显示图像?

在 react-Native 中退出相机视图

如何检查用户是不是已在 React Native Android 中授予相机权限?