image widget pada flutter

 

Laporan Flutter dasar 

Image Widget pada flutter

Pada sebuah aplikasi, gambar merupakan salah satu bagian penting untuk menghasilkan visual yang lebih menarik juga dapat meningkatkan kualitas interaktif terhadap pengguna menjadi lebih baik. Lalu bagaimana cara menampilkan gambar di aplikasi flutter ?

Terdapat dua cara untuk menampilkan gambar ,tergantung dari lokasi imagenya yaitu gambar dari local assets dan gambar dari internet

 Untuk menampilkan image dalam sebuah aplikasi, tentunya kita harus membutuhkan widget untuk menampilkan sebuah image yang memang diperuntukkan untuk image. untuk widget image ini, kita tidak hanya melakukan sebuah program pada main.dart, akan tetapi kita juga akan melakukan program pada sebuah file pubspeck.yaml yang terletak di folder test. Oleh karena itu, kita masuk ke langkah atau cara dalam melakukan praktikum untuk menampilkan gambar atau image.

untuk langkah awal kita akan membuat sebuah container untuk menempatkan image,lalu kita akan membuat  penyimpanan khusus image yang akan digunakan pada sebuah aplikasi



Kemudian beri nama  folder dengan nama "image"

Kemudian jika muncul seprti gambar dibaawah ini ,klik "refactor"

Jika gambar sudah tersimpan di dalam folder image, langkah selanjutnya yaitu mendaftarkan image ke dalam program kita, karena jika kita biarkan seperti itu, maka image yang kita simpan sama saja tidak akan terbaca, karena belum terdaftar pada program kita, seperti pada gambar di bawah ini

    



 

pada assets kita ganti sesuai dengan nama image kita

Setelah itu kembali ke file main.dart dan jalankan program tersebut, maka gambar yang kita masukkan tadi sudah muncul pada layer aplikasi seperti berikut ini.



Berikut ini hasil ruunya




Semoga membantu

 

Komentar

Posting Komentar

Postingan populer dari blog ini

BELAJAR FLUTTER .Conditional Expression

Gambar
  Conditional expression adalah Operator kondisional yang digunakan untuk mengatur pernyataan if else secara singkat pada sebuah value variable atau Operator kondisi yang akan mengevaluasi suatu kondisi yang nilainya benar (true) atau salah (false) kemudian mengassign suatu nilai ke dalam variable. Berikut ini merupakan contoh conditional expression yang telah saya coba. Nah, disini saya menggunakan droppad untuk mengoding 1.Buka dratpad pada chrom yang sudah ada pada laptop atau computer kalian 2. kemudian masukkan perintah seperti dibawah ini                     1 2                                                                                   ...
Baca selengkapnya

Komunikasi Asertif

  Komunikasi Asertif Hayy teman" pada blog kali ini kita akan membahas tentang apa sih komunikasi asertif itu???      Mungkin kita sering mengalami kesulitan dalam megungkapkan perasaan serta pendapat kepada orang lain,Terutama didalam dunia pekerjaan,Nah dengan berkomunikasi asertif kita bisa menyelesaikan masalah tersebut.karena didalam dunia pekerjaan berkomunikasi dengan cara asertif sangatlah penting.        Gaya Berkomunikasi juga sangat berpengaruh terhadap perilaku individu.Perilaku yang perlu ditumbuhkan dalam diri agar lebih asertif seperti tetap berpandangan positif dan baik dalam mengadapi suatu permasalahan,mengatakan kebenaran dalam mempertahankan tujuan walaupun muncul konflik tetapi selalu menjaga perasaan orang lain,memberi dan menerima umpan balik dalam hal hal postif maupun dalam hal negatif,serta tegas dalam menentukan pilihan tanpa memaksakan kehendak kepada orang lain.     Apa Sih Asertif i...
Baca selengkapnya

Konsep Diriku

Gambar
  HII!!! SELAMAT DATANG DI BLOG SAYA TEMAN TEMAN Bagaimana kabar teman teman sekalian??Semoga kita semua tetap dalam keadaan sehat walafiat yaaa     Nah, Pada Blog kali ini sesuai dengan judul diatas bahwa saya akan membahas tentang konsep diriku sendiri atau self concept .Berfikir mengenai diri sendiri merupakan aktifitas manusia yang tidak dapat dihindari,kita berfikir mengenai diri sendiri dan membayangkan diri kita sebagai orang lain.Mungkin teman teman sklian bertanya tanya apa sih konsep diri itu? Nah baiklah, Konsep diri atau Self concept merupkan cara dan sikap individu dalam memandang dirinya sendiri.   Untuk Memahami pengertian konsep diri lebih dalam berikut pengertian konsep diri dari beberapa para ahli; 1. Menurut Budi Anna Keliat    Budi Anna Keliat mengatakan bahawa Self Concept atau konsep diri adalah cara pandang individu dalam memandang dirinya baik secara utuh,fisikal,intelektual,emosinal,spiritual, maupun sosial. 2. Clara...
Baca selengkapnya