跳到内容 跳到主导航 跳到页脚

摄像头预览

视频预览

组件名称: RNCameraFilterView

组件描述: Camera预览组件,支持拍照。

使用示例:

public render() {
    return (
        <>
            <RNCameraFilterView
                ref={ref => {
                    this.cameraView = ref;
                }}
                onCameraFilterInitSuccess={this.onCameraFilterInitSuccess}   //成功回调
                onCameraFilterFailure={this.onCameraFilterFailure}   // 失败回调
                onCameraFilterSnapShot={this.onCameraFilterSnapShot}  // 拍照回调
                type={CameraType.CAMERA_SHARE}
                style={{
                    width: 1200 / 3.5,
                    height: 2134 / 3.5,
                    position: 'absolute',
                    marginTop: 0,
                    marginLeft: 0
                }}
            />
        </>
    );
}

属性:

  • onCameraFilterInitSuccess:初始化成功回调
  • onCameraFilterFailure:初始化失败回调
  • onCameraFilterSnapShot:拍照结果回调
  • type:Camera视频流类型

方法:

可通过 ref 属性获取到组件对象,通过该组件对象可调用组件提供的方法:

  • saveSnapShot:拍照
  • pausePreview:暂停预览
  • resumePreview:恢复预览

最低版本: 1.23.0

适用平台:

豹小秘mini招财豹豹小递max豹小秘DP豹小秘PLUS豹小秘 2

下载示例代码

这篇文章是否有帮助?

0