fix: Frame Processor not setting on first render
This commit is contained in:
parent
53338fac71
commit
b10b2c10fc
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user