expo-image-picker
- React Native kursu
- İleri seviye
- Ders 13/83
- 5 dk
expo-image-picker ile galeri erişimini öğrenirsin.
expo-image-picker paketi
Kullanıcının galerisinden görsel seçmesi veya kamerayla fotoğraf çekmesi için expo-image-picker paketini kullanırsın. Bu paket, hem galeri hem kamera seçimi için iki işlev sunar: launchImageLibraryAsync ve launchCameraAsync. Expo ile kurulum: npx expo install expo-image-picker.
Paket, kendi seçim arayüzünü açar; kullanıcı bir görsel seçer veya fotoğraf çeker. Sonuç bir nesne olarak döner; bu nesnenin assets alanı seçilen görselleri taşır. canceled alanı ise kullanıcının seçimi iptal edip etmediğini belirtir. Bu paket, kamera ve galeriye tek bir arayüzden erişmenin en kolay yoldur.
İçe aktarma
Paketten * ad alanı olarak expo-image-picker içe aktarılır. Yaygın yazım: import * as ImagePicker from 'expo-image-picker'. Bu kalıp, paketin tüm işlevlerini ImagePicker adı altında toplar; kodun okunmasını kolaylaştırır.
İçe aktardıktan sonra iki ana işlevi kullanabilirsin: ImagePicker.launchImageLibraryAsync (galeriden seçim) ve ImagePicker.launchCameraAsync (kamera ile çekim). Ayrıca ImagePicker.requestMediaLibraryPermissionsAsync ile galeri izni istersin. Paketin tüm işlevleri asenkron olduğundan await ile beklenir.
Uygulama Paketi içe aktar
Boş dosyayı tamamla. expo-image-picker paketini import * as ImagePicker ile içe aktar. Ardından export { ImagePicker } ile dışa aktar.
Başlangıç kodu
// expo-image-picker paketini içe aktar
// dışa aktarÖrnek çözüm
import * as ImagePicker from 'expo-image-picker';
export { ImagePicker };Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 expo-image-picker ne sağlar?
- Yalnızca konum bilgisi
- Yalnızca dosya indirme
- Galeri ve kamera seçimi Doğru cevap
- Yalnızca ağ isteği
Açıklama: Paket galeri ve kamera seçimi sağlar.
2 İçe aktarma cümlesini yaz
import * as ____ from 'expo-image-picker';import * as ImagePicker from 'expo-image-picker';Açıklama: ImagePicker ad alanı tüm işlevleri taşır.
3 Parçayı rolüne eşle
| Kavram | Anlamı |
|---|---|
launchImageLibraryAsync |
Galeriden seçer |
launchCameraAsync |
Kamera ile çeker |
requestMediaLibraryPermissionsAsync |
Galeri izni |
assets |
Seçilen görseller |