Image Kullanımı

Uygulama içerisinde görsellerinizi gösterebileceğiniz bir widget..

Uygulama içerisinde kullanacağınız resimleri göstermek için en temelde Image sınıfı ile gösterim sağlayabilirsiniz.

Lokal Görsellerin Kullanımı

Lokal görselleri kullanabilmek için, proje dizininde assets adında bir klasörünüz olması gerekmektedir. Bu klasör içerisine uygulama içerisinde lokal olarak kullanmak istediğiniz görselleri ekleyebilir ve kullanabilirsiniz.

Assets altına eklemiş olduğunuz resim dosyalarını pubspec.yaml dosyasına aşağıda gösterildiği gibi tanımlama yapmalısınız.

# To add assets to your application, add an assets section, like this:
  assets:
    - images/
    - images/logo.png

Şimdi gelelim kod kısmında kullanımına, oldukça basit

Image.asset('url')

çok basit şekilde yukarıda gördüğünüz gibi kullanabilirsiniz.

Network Image Kullanımı

Assets tarafında lokal görselde kullandığımız gibi, Image.asset yerine Image.network yapıp url adresimizi girdiğimizde kullanım sağlayabiliriz.

Image.network("https://avatars.githubusercontent.com/u/48753655?v=4", 
height: 310, 
fit: BoxFit.fitWidth),

Fit kısmı ile görselin boyutlandırmasını ayarlayabilir, sığdırma işlemi sağlayabilirsiniz.

turkce_flutter_egitimi/lib/widgets/image/image_widget.dart at main · umutocak/turkce_flutter_egitimiGitHub