CodeScanner | VisionCamera

function CodeScanner(__namedParameters: CodeScannerOptions): ReactElement

A view that detects Barcodes in a Camera using the default rear CameraDevice.

Discussion

All Barcode coordinates are in the Frame's coordinate system. If you need to convert Barcode coordinates to view coordinates, either use useBarcodeScannerOutput(...) or useBarcodeScanner(...) directly, and convert coordinates using your Preview View yourself.

See scanCodes(...) for more information about coordinate system conversions.

Example

function App() {
  const isFocused = useIsFocused()
  const appState = useAppState()
  const isActive = isFocused && appState === 'active'
  return (
    <CodeScanner
      isActive={isActive}
      barcodeFormats={['all']}
      onBarcodeScanned={(barcodes) => {
        console.log(`Scanned ${barcodes.length} barcodes!`)
      }}
      onError={(error) => {
        console.error(`Error scanning barcodes:`, error)
      }}
    />
  )
}