launchImageLibraryAsync
- React Native kursu
- İleri seviye
- Ders 15/83
- 5 dk
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.
Başlangıç kodu
import * as ImagePicker from 'expo-image-picker';
export async function pickImage() {
// galeriden görsel seç ve uri döndür
}Örnek çözüm
const result = await ImagePicker.launchImageLibraryAsync({
mediaTypes: ImagePicker.MediaTypeOptions.Images,
});
if (result.canceled) return null;
return result.assets[0].uri;Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Sonuç değişkenini yaz
const ____ = await ImagePicker.launchImageLibraryAsync(options);const result = await ImagePicker.launchImageLibraryAsync(options);Açıklama: result değişkeni seçim sonuçunu taşır.
2 Alanı anlamına eşle
| Kavram | Anlamı |
|---|---|
canceled |
İptal durumu |
assets |
Seçilen görsel dizisi |
uri |
Görsel yolu |
assets[0] |
İlk görsel |
3 İptal edildiğinde ne yapılır?
if (result.canceled) { ... }- Erken dön; görsel yok Doğru cevap
- Görseli işle
- Uygulamayı kapat
- Hata fırlat
Açıklama: İptal edildiğinde erken dönülür; görsel işlenmez.