Contanier widget pada flutter

 

 Laporan Flutter dasar 

Container Widget pada flutter

Container bisa diartikan Bahasa Indonesia sebagai wadah yang dimana dapat menyimpan berbagai macam attribute dan menampung berbagai macam fungsi objek yang membuat kotak container bisa menampilkan berbagai macam efek dan hasil didalamnya.

Container widget pada flutter merupakan “Single Child Widget” yang berarti hanya dapat memiliki satu buah child widget saja. Akan tetapi dalam sebuah container kita dapat menempatkan row, column, text atau bahkan container lain. Container widget juga dapat dijadikan sebagai dasar dan serangkaian awal dari suatu layout aplikasi.


 Berikut ini ada beberapa fungsi property di widget container

1.Property Child.

Seperti yang telah disampaikan sebelumnya bawah Container merupakan Single Child Widget. Ciri utama dari tipe tersebut yaitu memilik properti child. Pada properti ini digunakan untuk memuat anakan atau turunan dari Container, yang dapat memuat widget lainnya seperti Text, Column, ListView, dll.

Berikut contoh penerapan penggunaan property child dalam Widget Container Class

body: Container(

  child: Text(

    'Ayo Belajar Flutter',

  )

),

2. Property Alignment.

Untuk penerapan dan pemasangan fungsi Alignment pada container dapt dilakukan seperti kode dibawah ini :

body: Container(

  alignment: Alignment.bottomCenter,

  child: Text(

    'Ayo Belajar Flutter',

    style: TextStyle(

      fontSize: 20,

    ),

  )

),

 


3. Property Color

   Penambahan property ini untuk membuat wadah / Container memiliki warna latar belakang menyesuaikan dengan keseluruhan bagiannya. Contoh kodenya :

body: Container(

  alignment: Alignment.center,

  color: Colors.purple,

  child: Text(

    'Ayo Belajar Flutter',

    style: TextStyle(

      fontSize: 20,

      color: Colors.white

    ),

  )

),

 Tampilan code 

                                                                Tampilan output/hasil run


Masing masing penerapan property diatas merupakan bagian gambaran umumnya, yang tentu disetiap bagiannya ada detail kode kode yang dibutuhkan untuk menghasilkan property yang lebih detail lagi. Penerapan Property ini dimaksudkan untuk mengatur tata letak pada aplikasi sesuai yang diinginkan.  Baik mungkin itu dulu untuk pembahasan container widget, semoga bermanfaat bagi pembaca, dan sampai jumpa di pembahasan selanjutnya

 

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