En Yeni Konular

Flutter : Resim Ekleme

Flutter Resim(image) ekleme işlemleri

Local(Yerel) resim ekleme

Local olarak resim ekleyebilmemiz için, ilk önce resim veya uygulama içerisine eklenecek bileşenleri, proje dizinimize bir klasör açıp içerisine eklemeliyiz.

Visual Studio Code Flutter proje dizini

assets isminde bir klasör açıp içerisine resimler adında bir klasör daha açtıktan sonra resimleri içerisine ekliyorum. 

daha sonra pubspec.yaml dosyasının içerisine girip kullanacağımız resimlerin yolunu söylüyoruz

Eklediğimiz resimlerin basitçe kullanımı

Image Widgeti Bazı özellikleri

Hiçbir nitelik özelliğini değiştirmeden olduğu gibi kullanırsak, içinde bulunduğu widgetin boyutuna göre kendini aspect ratio‘sunu bozmadan sığdırmaya çalışacaktır.

fit özelliği

Fit özelliği ile resmin içerisinde bulunduğu alana nasıl yerleşeceğini ayarlayabiliriz.

Boxfit.cover : resmin kalitesini bozmadan dışarda kalan kısımları keserek yerine yerleşir

Boxfit.fill : Resmin orjinalini bozarak içinde bulunduğu yeri kaplar

BoxFit.none : Dışarda kalan kısımları umursamayarak, resmin alabildiği kalarını içinde bulunduğu widgetin boyu kadar alır.

Resim tekrarlama

Resmin ekrana küçük geldiği durumlarda resmin istediğimiz yönde tekrar etmesini isteyebiliriz.

ImageRepeat.repeat : her yöne tekrar eder

Resmi Hizalama

alignment nitelik özelliği ile istediğimiz tarafa hizalayabiliriz.

sola hizalama örnek

Internetten Resim ekleme

Internet üzerinden resim eklemek için Image Widgetinin Image.network adlı isimlendirilmiş kurucu metodunu kullanabiliriz.

Kullanım şekli

Örnek

Image.asset kullanırken kulladığımız nitelik özelliklerini bundada kullanabiliriz.

Hakkında Necip Akgöz

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

Flutter : Expanded Ve Flexible

BaşlıklarFlutter Resim(image) ekleme işlemleriLocal(Yerel) resim eklemeImage Widgeti Bazı özelliklerifit özelliğiResim tekrarlamaResmi HizalamaInternetten Resim eklemeÖrnek Expanded …

Bir cevap yazın

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