实时相机滤镜

时间:2020-08-31 18:48:05

标签: react-native expo expo-camera

我需要将滤镜直接应用于移动设备的相机,但是目前它给了我一个空白的屏幕,我尝试了几种方法,但是似乎没有一种方法。

import { Camera } from 'expo-camera';
import { Surface, } from 'gl-react-expo';
import ImageFilters from 'react-native-gl-image-filters';

   <Surface style={{
              flex:1
            }}>

                <ImageFilters
                    width={Dimensions.get('window').width}
                    height={Dimensions.get('window').height}
                    temperature={10000}
                    sharpen={1}
                    hue={0.5}
                    blur={0.5}
                >
                    <Node blendFunc={{ src: "one", dst: "one minus src alpha" }}
                        shader={shaders.YFlip}
                        uniforms={camera && {
                            t: () => camera
                        }}
                    >
                        <Camera ref={(c) => camera = c}
                            style={{ flex: 1 }}

                        />
                    </Node>
                </ImageFilters>

            </Surface>

0 个答案:

没有答案
相关问题