Używanie Kamery w Aplikacjach React Native z Expo
Tworzenie aplikacji mobilnych z dostępem do kamery stało się znacznie prostsze dzięki narzędziu Expo. Expo to zestaw narzędzi i bibliotek, który upraszcza proces tworzenia aplikacji w React Native, eliminując konieczność pisania kodu natywnego.
Instalacja i konfiguracja
Aby rozpocząć pracę z kamerą, najpierw zainstaluj bibliotekę expo-camera:
npx expo install expo-camera
Następnie zaimportuj komponent:
import { Camera } from 'expo-camera';
Robienie zdjęcia
import { launchCameraAsync } from "expo-image-picker";
export default function App() {
async function takePicture() {
const image = await launchCameraAsync({
allowsEditing: true,
aspect: [16, 9],
quality: 0.5
});
return image;
}
}
Uprawnienia
Pamiętaj, że aby korzystać z kamery, aplikacja musi mieć odpowiednie uprawnienia. Expo automatycznie obsługuje dialogi z prośbą o dostęp, ale warto to przetestować na prawdziwym urządzeniu. Przykładowa implementacja funkcji sprawdzającej uprawnienia:
import { PermissionStatus, useCameraPermissions } from "expo-image-picker";
import { Alert } from "react-native";
const [cameraPermissionInformation, requestPermission] = useCameraPermissions();
async function verifyPermissions() {
if (cameraPermissionInformation.status === PermissionStatus.UNDETERMINED) {
const permissionResponse = await requestPermission();
return permissionResponse.granted;
}
if (cameraPermissionInformation.status === PermissionStatus.DENIED) {
Alert.alert("Insufficient permissions!", "You need to grant camera permissions to use this app.");
return false;
}
return true;
}
Inne z tej kategorii: Programowanie
Takie tam: www.marczuk.org