앱에서 카메라 사용

설치

yarn add react-native-vision-camera

cd ios && pod install && cd ..

설정

iOS (Info.plist)

  <dict>
    ...
	<key>NSCameraUsageDescription</key>
	<string>$(PRODUCT_NAME) 카메라 권한이 필요합니다.</string>
	<key>NSMicrophoneUsageDescription</key>
	<string>$(PRODUCT_NAME) 마이크 권한이 필요합니다.</string>
    ...
  </dict>

Android (AndroidManifest.xml)

<manifest xmlns:android="http://schemas.android.com/apk/res/android">
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.RECORD_AUDIO" />

    ...

    <application>
        ...
    </application>
</manifest>

권한 요청

// 카메라 권한 요청
const { hasPermission, requestPermission } = useCameraPermission();
// 마이크 권한 요청
const { hasPermission, requestPermission } = useMicrophonePermission();

사용

export default function App() {
  const device = useCameraDevice('back')
  const { hasPermission } = useCameraPermission()

  if (!hasPermission) return <PermissionsPage />;
  if (device == null) return <NoCameraDeviceError />;

  return (
    <Camera device={device} isActive={true} />
  )
}