CodeBlanks Logo Icon CodeBlanks

expo-camera

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

App.js
// expo-camera paketinden Camera ve CameraType içe aktar

export default function App() {
  // kamerayı döndür
  return null;
}

Örnek çözüm

App.js
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

Soru
import { ____ } from 'expo-camera';
Cevap
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

İleri seviye bölümündeki tüm dersler