expo-camera
- React Native kursu
- İleri seviye
- Ders 7/83
- 5 dk
expo-camera ile kamera erişimini öğrenirsin.
expo-camera paketi
Telefonun kamerasını React Native'de kullanmak için expo-camera paketini kurarsın. Bu paket hem fotoğraf çekme hem video kaydetme desteği verir. Expo ile kurulum: npx expo install expo-camera. Paket, hem iOS hem Android için tutarlı bir arayüz sunar.
Kurulumdan sonra iki şey içe aktarılır: Camera bileşeni (kamera görünümünü ekranda gösterir) ve CameraType sabitleri (ön/arka kamera seçimi). Kamerayı ekranda göstermek için <Camera /> bileşenini bir View içine yerleştirirsin; kamera izni verilince görüntü ekrana gelir.
İçe aktarma
expo-camera paketinden Camera bileşeni ve CameraType sabitleri içe aktarılır. Yazım: import { Camera, CameraType } from 'expo-camera';. Burada süslü parantez içindeki adlar paketin adlandırılmış dışa aktarımlarıdır.
Bu iki parça birlikte çalışır: Camera kamera görünümünü gösteren bileşen, CameraType ise ön/arka seçimi için sabittir. Camera bir prop alır: style. Kameranın ekran boyunu bu prop ile ayarlarsın. İzin verilmeden kamera görüntü vermez; izni bir sonraki derste göreceğiz.
Uygulama Kamerayı içe aktar ve ekle
Boş dosyayı tamamla. expo-camera paketinden Camera ve CameraType içe aktar. Sonra bileşenin dönüşünde <Camera style={{{ flex: 1 }}} /> kullan.
Başlangıç kodu
// expo-camera paketinden Camera ve CameraType içe aktar
export default function App() {
// kamerayı döndür
return null;
}Örnek çözüm
import { Camera, CameraType } from 'expo-camera';
export default function App() {
return <Camera style={{ flex: 1 }} />;
}Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 expo-camera ne sağlar?
- Yalnızca dosya saklama
- Kamera görünümü ve fotoğraf çekme Doğru cevap
- Yalnızca konum bilgisi
- Yalnızca ağ isteği
Açıklama: expo-camera kamera görünümü ve fotoğraf çekme sağlar.
2 İçe aktarma cümlesini yaz
import { ____ } from 'expo-camera';
import { Camera } from 'expo-camera';
Açıklama: Camera bileşeni süslü parantez ile içe aktarılır.
3 Parçayı rolüne eşle
| Kavram | Anlamı |
|---|---|
Camera |
Kamera bileşeni |
CameraType |
Ön/arka sabiti |
expo-camera |
Paket adı |
style |
Görünüm boyutu |