Mengenal Flutter – Flutter

October 18, 2022

Halo Ngabs!!, Apakah ngabs-ngabs semua mengenal Flutter ?, Tentu mungkin akan asing bagi para awam dan yang baru memulai mempelajari pemrograman, jadi apa itu flutter

Apa itu Flutter

Dalam pengembangan aplikasi, kita akan sering mendengar istilah aplikasi hybrid atau aplikasi native. Flutter merupakan Software Development Kit (SDK) buatan Google yang bisa membantu developer dalam membuat aplikasi mobile cross platform atau yang biasa kita kenal dengan aplikasi Hybrid. Hal utama yang membuat Flutter disukai adalah karena kemudahan yang diberikan yaitu kemudahan dalam membuat aplikasi hanya dengan satu basis kode saja. Selain itu, Flutter juga memiliki kelebihan lain yaitu UI yang cantik, sehingga kita dapat membuat aplikasi dengan tampilan atau desain yang lebih bagus dan menarik.

Mungkin ngabs-ngabs sekarang sudah memiliki gambaran tentang flutter, dan disini saya ingin mengenalkan Widget-widget dari flutter, tetapi sebelum saya mengenalkan Widget-widget flutter, apa itu Widget

Widget

Sebagian besar yang ada pada Flutter adalah widget. Jadi, relevan jika kita bilang bahwa “Flutter is all about widget.” Text sendiri adalah widget. Button juga widget. Selain itu widget juga dapat dibangun dari kumpulan beberapa widget. Lantas mengapa widget begitu penting dalam flutter? Penasaran? Mari kita bahas!

Elevated Button

ElevatedButton merupakan bagian dari Material Design widget dari Flutter. Untuk menggunakan ElevatedButton caranya seperti berikut:

ElevatedButton(

onPressed: (){

// Aksi ketika button diklik

}, child: Text(“Tombol”),

);

TextField

TextField merupakan sebuah widget yang digunakan untuk menerima input berupa teks yang berasal dari keyboard. Terdapat beberapa cara yang bisa Anda gunakan untuk mendapatkan nilai dari TextField. Salah satunya adalah melalui parameter onChanged.

String _name = ”;

TextField(

onChanged: (String value) {

setState(() {

_name = value;

});

)

Image

Dalam pengembangan suatu aplikasi kita tidak akan lepas dari image atau gambar untuk membuat tampilan semakin menarik. Pada materi kali ini kita akan belajar bagaimana menampilkan gambar dari internet dan project asset.

Image.network(

‘https://picsum.photos/200/300′,

width: 200,

height: 200,

Text

Pada saat membangun sebuah aplikasi, pasti akan membutuhkan banyak sekali text di dalamnya, karena Text merupakan bagian penting dalam UI aplikasi mobile manapun. Text pada Flutter juga dapat dimodifikasi mulai dari ukuran teks, ketebalan hingga jenis font yang ingin kita gunakan seperti pada contoh berikut.

Text(

“Hallo Guys”,

style: TextStyle(color: Colors.white, fontSize: 18),

textAlign: TextAlign.center,

Expanded

Flutter memiliki widget Expanded yang dapat mengembangkan child dari Row atau Column sesuai dengan ruang yang tersedia. Cara menggunakannya Anda cukup membungkus masing-masing child ke dalam Expanded.

Expanded(

flex: 2,

child: Container(

color: Colors.purple,

mungkin itu saja beberapa penjelasan tentang flutter dan widget widget semoga ngab ngab semua mendapat manfaat Thank You Ngab

Daftar Pustaka

Dicoding.com Belajar Membuat Aplikasi Flutter untuk Pemula

buildwithangga.com/tips/top-5-most-used-widgets-in-flutter