launchImageLibraryAsync

launchImageLibraryAsync ile görsel seçmeyi öğrenirsin.

launchImageLibraryAsync

Galeriden görsel seçmek için ImagePicker.launchImageLibraryAsync çağrılır. İşlev bir nesne döndürür; canceled alanı kullanıcı seçimi iptal ettiyse true, assets alanı ise seçilen görselleri taşır. assets bir dizi olduğundan ilk görseli assets[0] ile alırsın.

İşlev bir seçenek nesnesi alır; örneğin { mediaTypes: ImagePicker.MediaTypeOptions.Images } yalnızca görselleri gösterir. Sonuç nesnesini await ile beklersin. Örnek: const result = await ImagePicker.launchImageLibraryAsync({ mediaTypes: ImagePicker.MediaTypeOptions.Images }). Kullanıcı seçim yapana kadar kod bekler.

Sonuç nesnesi

İşlevden dönen nesnenin iki önemli alanı vardır. canceled alanı kullanıcı seçimi iptal ettiyse true olur; bu durumda assets boş kalır. assets alanı bir dizidir; her eleman bir görsel nesnesidir ve uri, width, height gibi alanlar taşır.

İlk görseli almak için result.assets[0] yazarsın. İptal kontrolü için if (result.canceled) return; kalıbını kullanırsın. Bu iki kontrol birlikte güvenli bir seçim akışı oluşturur. Seçim yapılmadan görseli işlemeye çalışmak hata verir; bu yüzden önce iptal kontrolü şarttır.

Uygulama Galeriden görsel seç

pickImage işlevini tamamla. const result = await ImagePicker.launchImageLibraryAsync({ mediaTypes: ImagePicker.MediaTypeOptions.Images }) çağır. Eğer result.canceled ise return null. Değilse return result.assets[0].uri.

Örnek çözümü göster

const result = await ImagePicker.launchImageLibraryAsync({
  mediaTypes: ImagePicker.MediaTypeOptions.Images,
});
if (result.canceled) return null;
return result.assets[0].uri;

Kendini test et

Sonuç değişkenini yaz

const ____ = await ImagePicker.launchImageLibraryAsync(options);

Cevabı göster

const result = await ImagePicker.launchImageLibraryAsync(options);

Alanı anlamına eşle

canceled

İptal durumu
assets

Seçilen görsel dizisi
uri

Görsel yolu
assets[0]

İlk görsel
İptal edildiğinde ne yapılır?
```
if (result.canceled) { ... }
```
- Erken dön; görsel yok
- Görseli işle
- Uygulamayı kapat
- Hata fırlat
Cevabı göster

Erken dön; görsel yok — İptal edildiğinde erken dönülür; görsel işlenmez.

Sıradaki ders: launchCameraAsync

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler