railbird/react-native-vision-camera
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Frame Processor not setting on first render

Browse Source
This commit is contained in:
Marc Rousavy 2021-06-28 18:18:35 +02:00
parent 53338fac71
commit b10b2c10fc
1 changed files with 26 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/Camera.tsx
View File

@ -330,6 +330,7 @@ export class Camera extends React.PureComponent<CameraProps> {
} }
//#endregion //#endregion
//#region Lifecycle
/** /**
* @internal * @internal
*/ */
@ -339,15 +340,30 @@ export class Camera extends React.PureComponent<CameraProps> {
throw new Error('Frame Processors are not enabled. Make sure you install react-native-reanimated 2.2.0 or above!'); throw new Error('Frame Processors are not enabled. Make sure you install react-native-reanimated 2.2.0 or above!');
} }
private setFrameProcessor(frameProcessor: (frame: Frame) => void): void {
this.assertFrameProcessorsEnabled();
// @ts-expect-error JSI functions aren't typed
global.setFrameProcessor(this.handle, frameProcessor);
}
private unsetFrameProcessor(): void {
this.assertFrameProcessorsEnabled();
// @ts-expect-error JSI functions aren't typed
global.setFrameProcessor(this.handle, this.props.frameProcessor);
}
/** /**
* @internal * @internal
*/ */
componentWillUnmount(): void { componentWillUnmount(): void {
if (this.lastFrameProcessor != null || this.props.frameProcessor != null) { if (this.lastFrameProcessor != null || this.props.frameProcessor != null) this.unsetFrameProcessor();
this.assertFrameProcessorsEnabled(); }
// @ts-expect-error JSI functions aren't typed
global.unsetFrameProcessor(this.handle); /**
} * @internal
*/
componentDidMount(): void {
if (this.props.frameProcessor != null) this.setFrameProcessor(this.props.frameProcessor);
} }
/** /**
@ -355,24 +371,14 @@ export class Camera extends React.PureComponent<CameraProps> {
*/ */
componentDidUpdate(): void { componentDidUpdate(): void {
if (this.props.frameProcessor !== this.lastFrameProcessor) { if (this.props.frameProcessor !== this.lastFrameProcessor) {
this.assertFrameProcessorsEnabled(); // frameProcessor argument identity changed. Update native to reflect the change.
// frameProcessor argument changed. Update native to reflect the change. if (this.props.frameProcessor != null) this.setFrameProcessor(this.props.frameProcessor);
if (this.props.frameProcessor != null) { else this.unsetFrameProcessor();
// 1. Spawn threaded JSI Runtime (if not already done)
// 2. Add video data output to Camera stream (if not already done)
// 3. Workletize the frameProcessor and prepare it for being called with frames
// @ts-expect-error JSI functions aren't typed
global.setFrameProcessor(this.handle, this.props.frameProcessor);
} else {
// 1. Destroy the threaded runtime
// 2. remove the frame processor
// 3. Remove the video data output
// @ts-expect-error JSI functions aren't typed
global.unsetFrameProcessor(this.handle);
}
this.lastFrameProcessor = this.props.frameProcessor; this.lastFrameProcessor = this.props.frameProcessor;
} }
} }
//#endregion
/** /**
* @internal * @internal