useFrameRenderer

function useFrameRenderer(): FrameRenderer

Use a FrameRenderer.

A FrameRenderer allows rendering Frames to a <NativeFrameRendererView />.

Example

const frameRenderer = useFrameRenderer()
const frameOutput = useFrameOutput({
  onFrame(frame) {
    'worklet'
    frameRenderer.renderFrame(frame)
    frame.dispose()
  }
})

return (
  <NativeFrameRendererView
    style={StyleSheet.absoluteFill}
    frameRenderer={frameRenderer}
  />
)

On this page

No Headings