76 lines
1.8 KiB
TypeScript
76 lines
1.8 KiB
TypeScript
import React from 'react';
|
|
import { View, Text, StyleSheet, TouchableOpacity, Alert } from 'react-native';
|
|
import * as ImagePicker from 'expo-image-picker';
|
|
|
|
export function ScanScreen() {
|
|
const takePhoto = async () => {
|
|
try {
|
|
const { status } = await ImagePicker.requestCameraPermissionsAsync();
|
|
if (status !== 'granted') {
|
|
Alert.alert('Permission requise', "L'accès à la caméra est nécessaire pour scanner un document.");
|
|
return;
|
|
}
|
|
|
|
const result = await ImagePicker.launchCameraAsync({
|
|
mediaTypes: ['images'],
|
|
quality: 1,
|
|
});
|
|
|
|
if (result.canceled) return;
|
|
|
|
if (result.assets && result.assets[0]) {
|
|
console.log('Photo taken:', result.assets[0]);
|
|
// TODO: Send to backend for OCR
|
|
}
|
|
} catch (err) {
|
|
Alert.alert('Erreur', "Impossible d'accéder à la caméra");
|
|
}
|
|
};
|
|
|
|
return (
|
|
<View style={styles.container}>
|
|
<Text style={styles.title}>Scanner un document</Text>
|
|
<Text style={styles.description}>
|
|
Prenez une photo de votre document pour extraire le texte via OCR
|
|
</Text>
|
|
|
|
<TouchableOpacity style={styles.scanButton} onPress={takePhoto}>
|
|
<Text style={styles.scanText}>Prendre une photo</Text>
|
|
</TouchableOpacity>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
padding: 16,
|
|
backgroundColor: '#fff',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
},
|
|
title: {
|
|
fontSize: 24,
|
|
fontWeight: '700',
|
|
marginBottom: 12,
|
|
},
|
|
description: {
|
|
fontSize: 16,
|
|
color: '#666',
|
|
textAlign: 'center',
|
|
marginBottom: 32,
|
|
},
|
|
scanButton: {
|
|
backgroundColor: '#4CAF50',
|
|
padding: 16,
|
|
borderRadius: 8,
|
|
width: '100%',
|
|
alignItems: 'center',
|
|
},
|
|
scanText: {
|
|
color: '#fff',
|
|
fontSize: 16,
|
|
fontWeight: '600',
|
|
},
|
|
});
|