[Flutter] Cara Menggunakan BoxDecoration

 


Anda bingung bagaimana cara menggunakan BoxDecoration? Anda bingung bagaimana mengubah warna Container atau menambahkan border pada Container? Atau anda lupa bagaimana cara menggunakan BoxDecoration pada flutter? Artikel ini akan membahas bagaimana cara menggunakan BoxDecoration pada flutter. Sebelumnya, flutter adalah sebuah framework aplikasi mobil sumber terbuka yang diciptakan oleh Google. Flutter digunakan dalam pengembangan aplikasi untuk sistem operasi Android, iOS, Windows, Linux, MacOS, serta menjadi metode utama untuk membuat aplikasi Google Fuchsia. Salah satu cara untuk merubah tampilan atau mendekorasi widget Container adalah dengan menggunakan BoxDecoration.

Penggunaan BoxDecoration

1
2
3
4
Container(
  decoration: BoxDecoration(...),
  ...
)

Pada dasarnya, penggunaan BoxDecoration diletakkan pada parameter decoration di widget Container(). BoxDecoration ini memiliki beberapa paramater yang memiliki fungsi fungsi sendiri. Misalnya digunakan untuk merubah warna Container, memberikan border / garis tepi, ataupun melengkungkan sudut Container.

  • Border

1
border: BoxBorder(...)

Parameter border digunakan untuk menambahkan garis tepi pada Container. Parameter ini berisi BoxBorder(). Paling sering digunakan yaitu menggunakan BoxBorder.all(). BoxBorder.all() memberi garis tepi pada seluruh sisi sisinya.

1
border: BoxBorder.all(...)
  • Border Radius

1
borderRadius: BorderRadius.all(...)
1
borderRadius: BorderRadius.circular(...)
1
borderRadius: BorderRadius.horizontal(...)
1
borderRadius: BorderRadius.vertical(...)
1
borderRadius: BorderRadius.only(...)

Parameter borderRadius digunakan untuk menambahkan lengkungan  pada sudut sudut nya. Cocok diguanakn jika ingin melengkungkan sudut, misalnya pada Container. Parameter ini berisi BorderRadius().

  • Color

1
color: Color(...)

Parameter color digunakan untuk memberi warna. Misalnya memberi warna pada widget Container. Flutter memiliki beberapa warna bawaan yang bisa di pakai.

1
color: Colors.white
1
color: Colors.black
1
color: Colors.red
1
color: Colors.green

Contoh Program

Contoh program flutter menggunakan BoxDecoration

Contoh program tersebut menggunakan BoxDecoration yang menggunakan color untuk merubah warna menjadi merah, parameter border untuk menambahkan border warna hitam dengan tebal 8, dan parameter borderRadius untuk menambahkan lengkungan pada semua sudut sudutnya sehingga sudut tersebut melengkung sebesar 12.

Penutup

Jadi, untuk mendekorasi widget Container, salah satu caranya bisa menggunakan BoxDecoration. BoxDecoration ini memiliki beberapa parameter yang memiliki fungsi berbeda beda. Jika ada yang ingin ditanyakan, silakan berkomentar di postingan ini.


Komentar

Posting Komentar

Postingan populer dari blog ini

Abis Baca Buku "Sirah Nabawiyah"

Sudah lama aku nggak menyelesaikan buku. Terakhir kali aku lihat post di blog ini yaitu Desember 2020. Wow. Sungguh malas nya diriku. OK, kali ini akhirnya aku menyelesaikan buku "SIrah Nabawiyah". Dan buku ini adalah buku tertebal yang pernah aku baca. Tebalnya 600 halaman. Sebenarnya aku juga punya buku Tebal lainnya sih. yaitu buku Novel Sherlock Holmes, yang tebalnya 800 halaman dan ada 2 buku. Tapi belum selesaia aku baca. Atau bisa dibilang, stuck wkwkwk Mengenai buku ini, buku ini menceritakan tentang kehidupan Nabi Muhammad SAW dari kelahiran hingga kematian. Mengapa aku ingin membaca buku ini? Simpel sih, karena aku orang Islam, sepertinya perlu mengetahui jejak kehidupan nabi ku. Yaitu Nabi Muhammad SAW Ok, Mungkin segitu dulu untuk update nya. Untuk selanjutnya, bingung sih mau baca apa. Sebenernya masih ada buku yang masih belum aku sentuh di rak wkwkwk.
Read more »

[Flutter] Cara Menggunakan Alert Dialog

Anda bingung bagaimana caranya menggunakan Alert Dialog pada bahasa pemograman Flutter? Atau anda bingung bagaimana cara memunculkan pop up dialog? Atau mungkin anda lupa bagaimana caranya memunculkan alert dialog? Artikel ini akan membahas tentang bagaimana caranya menggunakan Alert Dialog pada bahasa pemograman Flutter. Sebelumnya, bahasa pemograman Flutter adalah sebuah framework aplikasi mobil sumber terbuka yang diciptakan oleh Google. Flutter digunakan dalam pengembangan aplikasi untuk sistem operasi Android, iOS, Windows, Linux, MacOS, serta menjadi metode utama untuk membuat aplikasi Google Fuchsia. Flutter juga mendukung untuk pengembangan aplikasi berbasis web.   Penggunaan AlertDialog 1 2 3 4 5 6 showDialog< void >( context: context, builder: (BuildContext context) { return AlertDialog(...) } ) ...
Read more »

[C++] Contoh Program Membuat Password Generator Simpel

Anda bingung bagaimana membuat Program Membuat Password Generator Simpel pada bahasa pemograman C++? Atau anda bingung bagaimana cara Mengacak password? Atau mungkin anda lupa bagaimana caranya menggunakan random? Artikel ini akan membahas tentang bagaimana membuat Program Membuat Password Generator Simpel pada bahasa pemograman C++. Sebelumnya, bahasa pemograman C++ adalah bahasa pemrograman komputer yang dibuat oleh Bjarne Stroustrup , yang merupakan perkembangan dari bahasa C dikembangkan di Bell Labs ( Dennis Ritchie ). Saran Untuk Dosen / Asisten Lab / Guru Jika topik ini akan dijadikan sebagai tugas, cobalah membuat variasi dari tugas ini. misalnya dengan panjang input yang dinamis, hanya boleh huruf saja, atau mungkin harus terdapat minimal 1 huruf besar dan angka. Ada banyak variasi dari topik ini. Anggap saja artikel ini digunakan sebgai materi dan contoh.  Solusi lain: [Java] Contoh Program Membuat Passwor...
Read more »

Abis Baca Buku “Sang Dirigen”, Biografi Jahja Setiaatmadja

OK, Sebenerntya ada 1 buku lagi yang udah baca. Ntar aku tulis juga deh. Ini buku aku beli pas cuci gudang Gramedia kemarin. Alasan membelinya sih karna penasaran aja. Ini siapa? kehidupannya gimana? Dan juga aku kebut bulan ini setelah selesai pendadaran ku untuk menyelesaikan buku ini. Ini aja aku baru selesai langsung tulis ini artikel XD Setelah saya baca buku ini, ada beberapa hal yang menarik. Yang pertama, ternyata pada waktu memilih kuliah, Pak Jahja (saya panggil “pak” biar sopan ya) jurusan nya tidak sesuai dengan keinginannya. Awalnya ingin jurusan Dokter gigi, kalau tidak boleh maka ingin ke jurusan Teknik dan akhirnya disuruh bapaknya memilih jurusan Ekonomi. Kata bapaknya karena jurusan yang lain harganya lebih mahal. Dari sini aku sadar bahwa passion itu bisa berubah. Ya, mungkin sebenernya nggak ada pembahasan tentang passionnya Pak Jahja. Tapi dilihat dari karirnya, beliau tidak merasa keberatan dengan jurusan yang beliau pilih sampai beliau menjabat sebagai direktur B...
Read more »

Abis Baca Buku "Bukan untuk Bahagia"

  Yak, kali ini saya dipinjam kan buku oleh seseorang. Kaget juga dipinjamkan buku, buku tentang percintaan dan pernikahan lagi. Sepertinya mengingat umur ku, sudah saat nya baca buku genre seperti ini hahaha. Overall, isinya tentang saran dan ekspetasi menuju pernikahan. Mulai membahas tentang masa masa pacaran, memilih jodoh, dan diakhiri dengan ekspetasi pernikahan. Jadi, cinta itu apa sih? Jujur aku sendiri juga sedang mencari cari dan memahami diri sendiri ini __〆(￣ー￣ ).
Read more »