Cara Menampilkan Gambar pada Flutter dengan Penyimpanan Local dan Alamat URL Menggunakan Widget Image

Kebutuhan akan gambar pasti nya penting bangets saat mendevelop aplikasi. Gambar tentunya dapat membuat tampilan aplikasi menjadi menarik untuk dilihat. Nah kali ini saya mau share beberapa cara dalam menampilkan gambar pada flutter.

Pertama, Kita bisa menampilkan gambar yang berada pada penyimpanan local aplikasi.

Kedua, Menampilkan gambar yang kita ambil dari internet atau berasal dari URL internet.

Cara menampilkan gambar yang berada pada penyimpanan local aplikasi.

• Pertama, kita siapkan dulu gambar yang ingin ditampilkan pada aplikasi. Gambar yang didukung berformat JPEG, WebP, GIF, animated WebP/GIF, PNG, BMP, dan WBMP.
• Buka folder project aplikasi.
• Buat folder img.
• Simpan gambar tersebut didalam folder img.

Apabila kita menggunakan gambar yang ada pada local project, gambar tersebut harus di daftarkan terlebih dahulu sebagai asset dari project flutter. Caranya :

• Buka file pubspec.yaml
• Ketikan asset:
• Kemudian isi dengan alamat dimana kita menyimpan gambar, contoh: img/cathome.jpg.

• Lalu buat widget Image.asset. new Image.asset("img/cathome.jpeg", width: 200.0)

• Kemudian save file. Hasil akan seperti ini

Cara menampilkan gambar menggunakan alamat URL dari Internet.

• Pertama, siapkan link url gambar. Contoh: https://cdn.pixabay.com/photo/2016/03/23/05/00/cat-1274101__340.png
• Buat widget Image dan NetworkImage seperti berikut. new Image(image: new NetworkImage("https://cdn.pixabay.com/photo/2016/03/23/05/00/cat-1274101__340.png"), width: 200.0,)

• Kemudian save file. Maka hasil gambar akan tampil pada aplikasi seperti berikut.

itulah cara untuk menampilkan gambar pada flutter. Sekian dulu tutorial kali ini, semoga bermanfaat..