expo-camera

Q: Posso executar a visualização em um navegador de abas?

Sim - desmonte ou pause quando useIsFocused() for falso. Abas ocultas que mantêm CameraView montado roubam a única sessão de câmera.

Escaneamento de código de barras, lanterna e limites de desempenho de visualização - o cookbook do expo-camera para telas de escaneamento, auditoria e captura de campo do Expo SDK 57.

Receita

Cartão de receita de referência rápida - pronto para copiar e colar.

npx expo install expo-camera

// app.config.ts
export default {
  plugins: [
    [
      "expo-camera",
      {
        cameraPermission:
          "Permita que o FieldPro fotografe etiquetas de equipamentos para ordens de serviço.",
        microphonePermission:
          "Permita que o FieldPro grave áudio com vídeos de inspeção.",
        recordAudioAndroid: true,
        barcodeScannerEnabled: true,
      },
    ],
  ],
};

import { CameraView, useCameraPermissions } from "expo-camera";
import { useCallback, useRef, useState } from "react";
import { Pressable, StyleSheet, Text, View } from "react-native";
 
export function QrScanner({ onScan }: { onScan: (data: string) => void }) {
  const [permission, requestPermission] = useCameraPermissions();
  const [torch, setTorch] = useState(false);
  const last = useRef(0);
 
  const handleBarcode = useCallback(
    ({ data }: { data: string }) => {
      const now = Date.now();
      if (now - last.current < 1200) return;
      last.current = now;
      onScan(data);
    },
    [onScan]
  );
 
  if (!permission?.granted) {
    return (
      <View style={styles.gate}>
        <Text>Escaneie tags de ativos para abrir a ordem de serviço correta.</Text>
        <Pressable onPress={requestPermission}>
          <Text style={styles.link}>Permitir câmera</Text>
        </Pressable>
      </View>
    );
  }
 
  return (
    <View style={styles.root}>
      <CameraView
        style={styles.camera}
        facing="back"
        enableTorch={torch}
        barcodeScannerSettings={{ barcodeTypes: ["qr", "code128"] }}
        onBarcodeScanned={handleBarcode}
      />
      <Pressable style={styles.torch} onPress={() => setTorch((t) => !t)}>
        <Text style={styles.torchText}>{torch ? "Lanterna ligada" : "Lanterna desligada"}</Text>
      </Pressable>
    </View>
  );
}
 
const styles = StyleSheet.create({
  root: { flex: 1 },
  camera: { flex: 1 },
  gate: { flex: 1, padding: 24, gap: 12, justifyContent: "center" },
  link: { color: "#2563eb" },
  torch: { position: "absolute", top: 56, right: 16, padding: 10, backgroundColor: "rgba(0,0,0,0.5)", borderRadius: 8 },
  torchText: { color: "#fff", fontWeight: "600" },
});

Quando usar isso:

Check-in de QR code ou código de barras com UI de enquadramento personalizada.
Inspeção de campo com visualizador ao vivo e lanterna em armazéns.
Captura de vídeo ou imagem com marca de marcação sobreposta.
Fluxos de escaneamento para navegação onde você valida a carga útil antes de rotear.

Quando evitar:

Anexo simples de foto única - expo-image-picker launchCameraAsync tem menos código.
Seleções da galeria - use expo-image-picker em vez disso.
Captura RAW em rajada pesada - intenções da plataforma com limites de tamanho explícitos.

Fluxos de captura: Para fallback de biblioteca, portões de permissão e visualizações seguras em memória, consulte expo-camera & expo-image-picker.

Exemplo de Trabalho

Tela de escaneamento com tratamento de código de barras com debounce, alternância de lanterna, montagem ciente do foco e captura de imagem reduzida.

npx expo install expo-camera expo-image-manipulator

// src/scan/InspectionCapture.tsx
import { CameraView, useCameraPermissions } from "expo-camera";
import * as ImageManipulator from "expo-image-manipulator";
import { useIsFocused } from "@react-navigation/native";
import { useCallback, useRef, useState } from "react";
import { Image } from "expo-image";
import { Pressable, StyleSheet, Text, View } from "react-native";
 
type Props = {
  onScan: (payload: string) => void;
  onPhoto: (uri: string) => void;
};
 
export function InspectionCapture({ onScan, onPhoto }: Props) {
  const isFocused = useIsFocused();
  const cameraRef = useRef<CameraView>(null);
  const [permission, requestPermission] = useCameraPermissions();
  const [ready, setReady] = useState(false);
  const [torch, setTorch] = useState(false);
  const [preview, setPreview] = useState<string | null>(null);
  const lastScan = useRef(0);
 
  const onBarcodeScanned = useCallback(
    ({ data }: { data: string }) => {
      if (!isFocused) return;
      const now = Date.now();
      if (now - lastScan.current < 1500) return;
      lastScan.current = now;
      onScan(data);
    },
    [isFocused, onScan]
  );
 
  async function captureLabel() {
    if (!ready) return;
    const photo = await cameraRef.current?.takePictureAsync({ quality: 0.8 });
    if (!photo?.uri) return;
    const resized = await ImageManipulator.manipulateAsync(
      photo.uri,
      [{ resize: { width: 1600 } }],
      { compress: 0.75, format: ImageManipulator.SaveFormat.JPEG }
    );
    setPreview(resized.uri);
    onPhoto(resized.uri);
  }
 
  if (!permission?.granted) {
    return (
      <View style={styles.gate}>
        <Text>Fotografe placas de série e escaneie códigos QR em equipamentos.</Text>
        <Pressable onPress={requestPermission}>
          <Text style={styles.link}>Continuar</Text>
        </Pressable>
      </View>
    );
  }
 
  if (preview) {
    return (
      <View style={styles.preview}>
        <Image source={{ uri: preview }} contentFit="contain" style={styles.previewImage} />
        <Pressable onPress={() => setPreview(null)}>
          <Text>Retirar</Text>
        </Pressable>
      </View>
    );
  }
 
  if (!isFocused) {
    return <View style={styles.placeholder} />;
  }
 
  return (
    <View style={styles.root}>
      <CameraView
        ref={cameraRef}
        style={styles.camera}
        facing="back"
        enableTorch={torch}
        onCameraReady={() => setReady(true)}
        barcodeScannerSettings={{ barcodeTypes: ["qr"] }}
        onBarcodeScanned={onBarcodeScanned}
      />
      <View style={styles.toolbar}>
        <Pressable onPress={() => setTorch((t) => !t)}>
          <Text style={styles.tool}>{torch ? "Lanterna ligada" : "Lanterna"}</Text>
        </Pressable>
        <Pressable onPress={captureLabel} disabled={!ready}>
          <Text style={styles.tool}>Capturar etiqueta</Text>
        </Pressable>
      </View>
    </View>
  );
}
 
const styles = StyleSheet.create({
  root: { flex: 1 },
  camera: { flex: 1 },
  gate: { flex: 1, padding: 24, gap: 12, justifyContent: "center" },
  link: { color: "#2563eb", fontWeight: "600" },
  placeholder: { flex: 1, backgroundColor: "#111" },
  preview: { flex: 1, padding: 16, gap: 12 },
  previewImage: { flex: 1, borderRadius: 8 },
  toolbar: {
    position: "absolute",
    bottom: 40,
    left: 16,
    right: 16,
    flexDirection: "row",
    justifyContent: "space-between",
  },
  tool: { color: "#fff", fontWeight: "600", padding: 12, backgroundColor: "rgba(0,0,0,0.55)", borderRadius: 8 },
});

O que isso demonstra:

useIsFocused libera a câmera quando a aba ou o modal está oculto.
onCameraReady controla takePictureAsync - chamar cedo produz erros ou quadros em branco.
enableTorch alterna a luz para contraste do código de barras em corredores escuros.
onBarcodeScanned com debounce evita navegações duplicadas.
Passagem do manipulador antes da visualização expo-image mantém a memória limitada.

Mergulho Profundo

Modos de escaneamento de código de barras

Modo	API	Melhor para
Visualização em linha	`CameraView` + `onBarcodeScanned`	Sobreposição personalizada, lanterna, UX na mesma tela
Scanner do sistema	`CameraView.launchScanner()`	Folha de scanner nativa do iOS 16+ / Android ML Kit
Listener moderno	`CameraView.onModernBarcodeScanned`	Eventos de scanner nativos sem visualização em linha

import { CameraView } from "expo-camera";
 
async function openSystemScanner() {
  await CameraView.launchScanner({ barcodeTypes: ["qr"] });
}

Valide data com Zod antes de router.push - nunca confie em URLs escaneados cegamente.
Desative o escaneamento após o sucesso: onBarcodeScanned={scanned ? undefined : handler}.
Defina barcodeScannerEnabled: false no plugin de configuração quando você enviar aplicativos apenas de fotos - binário menor.

Lanterna e exposição

<CameraView enableTorch={torchOn} facing="back" />

A lanterna se aplica à câmera traseira na maioria dos dispositivos - oculte o seletor em fluxos de selfie frontais.
Desligue a lanterna no useEffect de limpeza - deixá-la ligada consome bateria e incomoda os usuários.
Para captura de imagem com pouca luz, prefira lanterna + quality moderada em vez de resolução total sem luz.

Limites de desempenho da visualização

Drivers de custo da visualização:
1. Resolução e proporção (a prop `ratio` no Android muda o tipo de escala)
2. Múltiplas instâncias `CameraView` montadas (proibido - apenas uma sessão ativa)
3. Abas ocultas ainda montadas (use controle de foco)
4. Escaneamento de código de barras + animações de navegação de 60fps em Android de baixo custo

Técnica	Efeito
Desmontar ao perder o foco	Libera o hardware da câmera para outros aplicativos
`pausePreview()` quando a folha cobre a câmera	Reduz a GPU enquanto o modal está aberto
`pictureSize` menor quando suportado	Buffers de análise menores para imagens
Tela apenas de escaneamento sem `pictureSize` 4K	Bloqueio mais rápido e menor calor

// Pause quando uma folha inferior cobrir a visualização
useEffect(() => {
  if (!sheetOpen) return;
  cameraRef.current?.pausePreview();
  return () => {
    cameraRef.current?.resumePreview();
  };
}, [sheetOpen]);

Não chame takePictureAsync enquanto a visualização estiver pausada no Android - isso gera um erro.
Perfilar em um dispositivo Android de gama média - câmeras de iPhone Pro mascaram o engasgo da visualização.

Notas de captura de imagem e vídeo

const photo = await cameraRef.current?.takePictureAsync({
  quality: 0.8,
  skipProcessing: false,
});
 
const video = await cameraRef.current?.recordAsync({ maxDuration: 60 });

Vídeo com áudio requer permissão de microfone no plugin de configuração.
recordAsync grava no cache - envie via expo-file-system, não base64.
Virar a câmera durante a gravação para a sessão - projete a UX de acordo.

Armadilhas

Permissão ao montar - alta taxa de negação. Correção: explique o valor, ofereça fallback de biblioteca conforme expo-camera & image-picker.
Varreduras duplicadas - loop de push de pilha. Correção: debounce de 1–2s; defina o sinalizador scanned.
Duas instâncias CameraView - visualização preta ou travamento. Correção: uma sessão por aplicativo; desmonte abas ocultas.
Visualização em resolução total no estado - OOM. Correção: redimensionamento do manipulador antes de <Image>.
Lanterna deixada ligada - consumo de bateria. Correção: redefina ao desmontar.
Câmera Web - URIs são strings base64. Correção: controle com Platform.OS e limites de tamanho.

Alternativas

Alternativa	Use quando	Não use quando
`CameraView`	UI de escaneamento personalizada, lanterna, vídeo	Câmera do sistema com um toque
`launchCameraAsync`	UX da câmera nativa suficiente	Visualizador com marca
`launchScanner()`	QR rápido sem UI personalizada	Precisa de sobreposição de lanterna na mesma tela
react-native-vision-camera	Processadores de quadro, contadores de FPS	Captura padrão do Expo

FAQs

Como instalo o expo-camera no SDK 57?

npx expo install expo-camera

Adicione strings de permissão através do plugin de configuração e, em seguida, reconstrua se as permissões nativas mudaram.

Por que onBarcodeScanned dispara repetidamente?

O detector é executado continuamente enquanto o código está no quadro.
Use debounce por timestamp ou desative o manipulador após a primeira leitura válida.

Posso executar a visualização em um navegador de abas?

Sim - desmonte ou pause quando useIsFocused() for falso.
Abas ocultas que mantêm CameraView montado roubam a única sessão de câmera.

O expo-camera funciona no Expo Go?

Sim em dispositivos físicos para visualização, captura e código de barras.
Simuladores não possuem hardware de câmera real - use uma matriz de dispositivos.

Onde está a receita completa de captura + seletor?

expo-camera & expo-image-picker - permissões, fallback de biblioteca, higiene de upload.

Relacionados

expo-camera & expo-image-picker - fluxos de captura e visualizações seguras em memória
Noções Básicas de Mídia - tour de seleção de módulos
expo-image - exibe capturas com cache
Permissões Android e Política da Play Store - declarações de câmera e mídia
Melhores Práticas de Mídia - checklist de lançamento

Versões da Stack: Esta página foi escrita para React 19.2.3, React Native 0.86.0 e Expo SDK 57 (expo ~57.0.4).

Receita

Cartão de receita de referência rápida - pronto para copiar e colar.

npx expo install expo-camera

// app.config.ts
export default {
  plugins: [
    [
      "expo-camera",
      {
        cameraPermission:
          "Permita que o FieldPro fotografe etiquetas de equipamentos para ordens de serviço.",
        microphonePermission:
          "Permita que o FieldPro grave áudio com vídeos de inspeção.",
        recordAudioAndroid: true,
        barcodeScannerEnabled: true,
      },
    ],
  ],
};

import { CameraView, useCameraPermissions } from "expo-camera";
import { useCallback, useRef, useState } from "react";
import { Pressable, StyleSheet, Text, View } from "react-native";
 
export function QrScanner({ onScan }: { onScan: (data: string) => void }) {
  const [permission, requestPermission] = useCameraPermissions();
  const [torch, setTorch] = useState(false);
  const last = useRef(0);
 
  const handleBarcode = useCallback(
    ({ data }: { data: string }) => {
      const now = Date.now();
      if (now - last.current < 1200) return;
      last.current = now;
      onScan(data);
    },
    [onScan]
  );
 
  if (!permission?.granted) {
    return (
      <View style={styles.gate}>
        <Text>Escaneie tags de ativos para abrir a ordem de serviço correta.</Text>
        <Pressable onPress={requestPermission}>
          <Text style={styles.link}>Permitir câmera</Text>
        </Pressable>
      </View>
    );
  }
 
  return (
    <View style={styles.root}>
      <CameraView
        style={styles.camera}
        facing="back"
        enableTorch={torch}
        barcodeScannerSettings={{ barcodeTypes: ["qr", "code128"] }}
        onBarcodeScanned={handleBarcode}
      />
      <Pressable style={styles.torch} onPress={() => setTorch((t) => !t)}>
        <Text style={styles.torchText}>{torch ? "Lanterna ligada" : "Lanterna desligada"}</Text>
      </Pressable>
    </View>
  );
}
 
const styles = StyleSheet.create({
  root: { flex: 1 },
  camera: { flex: 1 },
  gate: { flex: 1, padding: 24, gap: 12, justifyContent: "center" },
  link: { color: "#2563eb" },
  torch: { position: "absolute", top: 56, right: 16, padding: 10, backgroundColor: "rgba(0,0,0,0.5)", borderRadius: 8 },
  torchText: { color: "#fff", fontWeight: "600" },
});

Quando usar isso:

Check-in de QR code ou código de barras com UI de enquadramento personalizada.
Inspeção de campo com visualizador ao vivo e lanterna em armazéns.
Captura de vídeo ou imagem com marca de marcação sobreposta.
Fluxos de escaneamento para navegação onde você valida a carga útil antes de rotear.

Quando evitar:

Anexo simples de foto única - expo-image-picker launchCameraAsync tem menos código.
Seleções da galeria - use expo-image-picker em vez disso.
Captura RAW em rajada pesada - intenções da plataforma com limites de tamanho explícitos.

Fluxos de captura: Para fallback de biblioteca, portões de permissão e visualizações seguras em memória, consulte expo-camera & expo-image-picker.

Exemplo de Trabalho

Tela de escaneamento com tratamento de código de barras com debounce, alternância de lanterna, montagem ciente do foco e captura de imagem reduzida.

npx expo install expo-camera expo-image-manipulator

// src/scan/InspectionCapture.tsx
import { CameraView, useCameraPermissions } from "expo-camera";
import * as ImageManipulator from "expo-image-manipulator";
import { useIsFocused } from "@react-navigation/native";
import { useCallback, useRef, useState } from "react";
import { Image } from "expo-image";
import { Pressable, StyleSheet, Text, View } from "react-native";
 
type Props = {
  onScan: (payload: string) => void;
  onPhoto: (uri: string) => void;
};
 
export function InspectionCapture({ onScan, onPhoto }: Props) {
  const isFocused = useIsFocused();
  const cameraRef = useRef<CameraView>(null);
  const [permission, requestPermission] = useCameraPermissions();
  const [ready, setReady] = useState(false);
  const [torch, setTorch] = useState(false);
  const [preview, setPreview] = useState<string | null>(null);
  const lastScan = useRef(0);
 
  const onBarcodeScanned = useCallback(
    ({ data }: { data: string }) => {
      if (!isFocused) return;
      const now = Date.now();
      if (now - lastScan.current < 1500) return;
      lastScan.current = now;
      onScan(data);
    },
    [isFocused, onScan]
  );
 
  async function captureLabel() {
    if (!ready) return;
    const photo = await cameraRef.current?.takePictureAsync({ quality: 0.8 });
    if (!photo?.uri) return;
    const resized = await ImageManipulator.manipulateAsync(
      photo.uri,
      [{ resize: { width: 1600 } }],
      { compress: 0.75, format: ImageManipulator.SaveFormat.JPEG }
    );
    setPreview(resized.uri);
    onPhoto(resized.uri);
  }
 
  if (!permission?.granted) {
    return (
      <View style={styles.gate}>
        <Text>Fotografe placas de série e escaneie códigos QR em equipamentos.</Text>
        <Pressable onPress={requestPermission}>
          <Text style={styles.link}>Continuar</Text>
        </Pressable>
      </View>
    );
  }
 
  if (preview) {
    return (
      <View style={styles.preview}>
        <Image source={{ uri: preview }} contentFit="contain" style={styles.previewImage} />
        <Pressable onPress={() => setPreview(null)}>
          <Text>Retirar</Text>
        </Pressable>
      </View>
    );
  }
 
  if (!isFocused) {
    return <View style={styles.placeholder} />;
  }
 
  return (
    <View style={styles.root}>
      <CameraView
        ref={cameraRef}
        style={styles.camera}
        facing="back"
        enableTorch={torch}
        onCameraReady={() => setReady(true)}
        barcodeScannerSettings={{ barcodeTypes: ["qr"] }}
        onBarcodeScanned={onBarcodeScanned}
      />
      <View style={styles.toolbar}>
        <Pressable onPress={() => setTorch((t) => !t)}>
          <Text style={styles.tool}>{torch ? "Lanterna ligada" : "Lanterna"}</Text>
        </Pressable>
        <Pressable onPress={captureLabel} disabled={!ready}>
          <Text style={styles.tool}>Capturar etiqueta</Text>
        </Pressable>
      </View>
    </View>
  );
}
 
const styles = StyleSheet.create({
  root: { flex: 1 },
  camera: { flex: 1 },
  gate: { flex: 1, padding: 24, gap: 12, justifyContent: "center" },
  link: { color: "#2563eb", fontWeight: "600" },
  placeholder: { flex: 1, backgroundColor: "#111" },
  preview: { flex: 1, padding: 16, gap: 12 },
  previewImage: { flex: 1, borderRadius: 8 },
  toolbar: {
    position: "absolute",
    bottom: 40,
    left: 16,
    right: 16,
    flexDirection: "row",
    justifyContent: "space-between",
  },
  tool: { color: "#fff", fontWeight: "600", padding: 12, backgroundColor: "rgba(0,0,0,0.55)", borderRadius: 8 },
});

O que isso demonstra:

useIsFocused libera a câmera quando a aba ou o modal está oculto.
onCameraReady controla takePictureAsync - chamar cedo produz erros ou quadros em branco.
enableTorch alterna a luz para contraste do código de barras em corredores escuros.
onBarcodeScanned com debounce evita navegações duplicadas.
Passagem do manipulador antes da visualização expo-image mantém a memória limitada.

Mergulho Profundo

Modos de escaneamento de código de barras

Modo	API	Melhor para
Visualização em linha	`CameraView` + `onBarcodeScanned`	Sobreposição personalizada, lanterna, UX na mesma tela
Scanner do sistema	`CameraView.launchScanner()`	Folha de scanner nativa do iOS 16+ / Android ML Kit
Listener moderno	`CameraView.onModernBarcodeScanned`	Eventos de scanner nativos sem visualização em linha

import { CameraView } from "expo-camera";
 
async function openSystemScanner() {
  await CameraView.launchScanner({ barcodeTypes: ["qr"] });
}

Valide data com Zod antes de router.push - nunca confie em URLs escaneados cegamente.
Desative o escaneamento após o sucesso: onBarcodeScanned={scanned ? undefined : handler}.
Defina barcodeScannerEnabled: false no plugin de configuração quando você enviar aplicativos apenas de fotos - binário menor.

Lanterna e exposição

<CameraView enableTorch={torchOn} facing="back" />

A lanterna se aplica à câmera traseira na maioria dos dispositivos - oculte o seletor em fluxos de selfie frontais.
Desligue a lanterna no useEffect de limpeza - deixá-la ligada consome bateria e incomoda os usuários.
Para captura de imagem com pouca luz, prefira lanterna + quality moderada em vez de resolução total sem luz.

Limites de desempenho da visualização

Drivers de custo da visualização:
1. Resolução e proporção (a prop `ratio` no Android muda o tipo de escala)
2. Múltiplas instâncias `CameraView` montadas (proibido - apenas uma sessão ativa)
3. Abas ocultas ainda montadas (use controle de foco)
4. Escaneamento de código de barras + animações de navegação de 60fps em Android de baixo custo

Técnica	Efeito
Desmontar ao perder o foco	Libera o hardware da câmera para outros aplicativos
`pausePreview()` quando a folha cobre a câmera	Reduz a GPU enquanto o modal está aberto
`pictureSize` menor quando suportado	Buffers de análise menores para imagens
Tela apenas de escaneamento sem `pictureSize` 4K	Bloqueio mais rápido e menor calor

// Pause quando uma folha inferior cobrir a visualização
useEffect(() => {
  if (!sheetOpen) return;
  cameraRef.current?.pausePreview();
  return () => {
    cameraRef.current?.resumePreview();
  };
}, [sheetOpen]);

Não chame takePictureAsync enquanto a visualização estiver pausada no Android - isso gera um erro.
Perfilar em um dispositivo Android de gama média - câmeras de iPhone Pro mascaram o engasgo da visualização.

Notas de captura de imagem e vídeo

const photo = await cameraRef.current?.takePictureAsync({
  quality: 0.8,
  skipProcessing: false,
});
 
const video = await cameraRef.current?.recordAsync({ maxDuration: 60 });

Vídeo com áudio requer permissão de microfone no plugin de configuração.
recordAsync grava no cache - envie via expo-file-system, não base64.
Virar a câmera durante a gravação para a sessão - projete a UX de acordo.

Armadilhas

Permissão ao montar - alta taxa de negação. Correção: explique o valor, ofereça fallback de biblioteca conforme expo-camera & image-picker.
Varreduras duplicadas - loop de push de pilha. Correção: debounce de 1–2s; defina o sinalizador scanned.
Duas instâncias CameraView - visualização preta ou travamento. Correção: uma sessão por aplicativo; desmonte abas ocultas.
Visualização em resolução total no estado - OOM. Correção: redimensionamento do manipulador antes de <Image>.
Lanterna deixada ligada - consumo de bateria. Correção: redefina ao desmontar.
Câmera Web - URIs são strings base64. Correção: controle com Platform.OS e limites de tamanho.

Alternativas

Alternativa	Use quando	Não use quando
`CameraView`	UI de escaneamento personalizada, lanterna, vídeo	Câmera do sistema com um toque
`launchCameraAsync`	UX da câmera nativa suficiente	Visualizador com marca
`launchScanner()`	QR rápido sem UI personalizada	Precisa de sobreposição de lanterna na mesma tela
react-native-vision-camera	Processadores de quadro, contadores de FPS	Captura padrão do Expo

FAQs

Como instalo o expo-camera no SDK 57?

npx expo install expo-camera

Adicione strings de permissão através do plugin de configuração e, em seguida, reconstrua se as permissões nativas mudaram.

Por que onBarcodeScanned dispara repetidamente?

O detector é executado continuamente enquanto o código está no quadro.
Use debounce por timestamp ou desative o manipulador após a primeira leitura válida.

Posso executar a visualização em um navegador de abas?

Sim - desmonte ou pause quando useIsFocused() for falso.
Abas ocultas que mantêm CameraView montado roubam a única sessão de câmera.

O expo-camera funciona no Expo Go?

Sim em dispositivos físicos para visualização, captura e código de barras.
Simuladores não possuem hardware de câmera real - use uma matriz de dispositivos.

Onde está a receita completa de captura + seletor?

expo-camera & expo-image-picker - permissões, fallback de biblioteca, higiene de upload.

Relacionados

expo-camera & expo-image-picker - fluxos de captura e visualizações seguras em memória
Noções Básicas de Mídia - tour de seleção de módulos
expo-image - exibe capturas com cache
Permissões Android e Política da Play Store - declarações de câmera e mídia
Melhores Práticas de Mídia - checklist de lançamento

Versões da Stack: Esta página foi escrita para React 19.2.3, React Native 0.86.0 e Expo SDK 57 (expo ~57.0.4).

expo-camera

Buscar na documentação

expo-camera