react-native-vision-camera

import React, { useEffect } from 'react'; import { View, Text, StyleSheet, Linking, Alert } from 'react-native'; import { Camera, useCameraDevice, useCameraPermission } from 'react-native-vision-camera'; const App = () => { const { hasPermission, requestPermission } = useCameraPermission(); const device = useCameraDevice('back'); useEffect(() => { if (!hasPermission) { requestPermission().then(granted => { if (!granted) { Alert.alert( 'Permission Required', 'Camera access is required to use this feature. Please enable it in settings.', [ { text: 'Cancel', style: 'cancel' }, { text: 'Open Settings', onPress: () => Linking.openSettings() } ] ); } }); } }, [hasPermission, requestPermission]); if (!hasPermission) { return <Text style={styles.permissionText}>Requesting Camera Permission...</Text>; } if (device == null) { return <Text style={styles.permissionText}>No Camera Device Found.</Text>; } return ( <View style={styles.container}> <Camera style={StyleSheet.absoluteFill} device={device} isActive={true} photo={true} // Enable photo capture video={true} // Enable video capture // frameProcessor={frameProcessor} // Uncomment for custom frame processing // frameProcessorFps={30} // Set frame processor FPS /> </View> ); }; const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: 'black', }, permissionText: { flex: 1, color: 'white', textAlign: 'center', textAlignVertical: 'center', fontSize: 18, }, }); export default App;