En Yeni Konular

Flutter : FadeInImage

FadeInImage Widget

Internetten üzerinden resim göstermek istediğimizde istediğimiz resmin kaynağında yoğunluk vb. gibi durumlardan dolayı resmin bize gelmesi bazen zaman alabilir.

Bu gibi durumlarda kullanıcıya beyaz ekran göstermek yerine FadeInImage widgeti ile geçici bir resim veya gif gösterebiliriz.

FadeInImage Kullanımı

Öncelikle placeholder olarak kullanacağımız resim veya gifimizi proje içine atalım. Attığımız yolu pupspec.yaml dosyamıza belirtelim.

Örnek için bir gif indirip loading.gif adı ile proje içerisine aşşağıdaki yola attım.

FadeInImage örnek

GridView içerisinde kullanmak için basit bir FadeInImage oluşturalım.(tek başınada kullanılabilir)

placeholder olarak AssetImage(proje içerisinden) veya NetworkImage(internet url’sinden) ile resim belirtebiliriz.

Örnek olması amacı ile Gridview.builder ile verdiğimiz “id” değerine göre resim üreten bir siteden yararlanalıp, resimler yüklenirken beyaz ekran görünmemesi için ise FadeInImage kullanalım.
FadeInImage Örnek

Hakkında Necip Akgöz

İLGİNİZİ ÇEKEBİLİR

Flutter : SafeArea

BaşlıklarFadeInImage WidgetFadeInImage KullanımıFadeInImage örnek SafeArea SafeArea Widgeti sayesinde kullandığımız işletim sistemine veya telefona göre, o …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir