Kata SUHU

22 August 2023 - Kategori: Knowledge - Oleh: SUHU

Top 5 Widget yang Sering Digunakan dalam Flutter

Top 5 Widget yang Sering Digunakan dalam Flutter

Seperti yang kita tahu flutter, adalah open source gratis yang dirilis oleh Google tahun 2018. Karena memberikan banyak kemudahan, pada tahun 2019, popularitas Flutter mulai meroket dikalangan developer.
Ini dia kelebihan Framework Flutter :
1. Pengembahangan aplikasi lebih mudah dan cepat
2. Custom user interface yang menarik
3. Performa seperti aplikasi native
4. Biaya pengembangan lebih hemat

Flutter adalah kerangka kerja pengembangan aplikasi yang populer karena kemampuannya dalam membuat antarmuka pengguna (UI) yang indah dan responsif. Di balik keindahan tersebut, ada berbagai macam widget yang dapat membantu Anda membangun tampilan aplikasi dengan mudah. Dalam artikel ini, kita akan menjelaskan beberapa widget yang paling sering digunakan dalam Flutter :
1.       Text Widget

Text adalah salah satu widget yang paling mendasar dalam Flutter. Text digunakan untuk menampilkan teks pada layar. Anda dapat memodifikasinya mulai dari ukuran, warna, hingga jenis font yang digunakan.

Contoh penggunaan:

Text(

  'Hello World!',

  style: TextStyle(fontSize: 20, color: Colors.blue),

)

2.       Image Widget

Image digunakan untuk menampilkan gambar pada antarmuka pengguna/UI. Image dapat digunakan untuk menampilkan gambar statis atau gambar yang bergerak.

Image.asset('assets/images/image.png')

3.       Container Widget

Container adalah widget yang digunakan untuk mengatur tampilan dan perilaku dari widget lain. Anda dapat menggunakannya untuk mengatur margin, padding, warna latar, dan lainnya.

Container(

  margin: EdgeInsets.all(10),

  padding: EdgeInsets.symmetric(vertical: 20, horizontal: 30),

  color: Colors.grey,

  child: Text('Hello World!'),

)

4.       AppBar Widget

AppBar atau Application Bar adalah salah satu widget yang digunakan sebagai menu penunjuk atau dapat menampilkan beberapa navigasi dari aplikasi.

AppBar(

  title: Text('Judul Aplikasi'),

  actions: [

IconButton(

   onPressed: () {

     // Aksi saat tombol ditekan

   },

   icon: Icon(Icons.settings),

),

  ],

)

5.       Scaffold

Scaffold adalah widget yang digunakan untuk membuat struktur dasar aplikasi Flutter. Scaffold terdiri dari AppBar, Body, dan BottomNavigationBar.

Scaffold(

  appBar: AppBar(

title: Text('My App'),

  ),

  body: Center(

child: Text('Hello World!'),

  ),

  bottomNavigationBar: BottomNavigationBar(

items: <BottomNavigationBarItem>[

   BottomNavigationBarItem(

     icon: Icon(Icons.home),

     label: 'Home',

   ),

   BottomNavigationBarItem(

     icon: Icon(Icons.settings),

     label: 'Settings',

   ),

],

  ),

)

Dengan memahami widget-widget ini, Anda dapat membangun tampilan aplikasi Flutter yang menarik dan fungsional. Namun harus Anda ingat bahwa ini hanya beberapa contoh dari banyaknya widget yang tersedia dalam Flutter, tetapi widget-widget ini yang paling sering digunakan untuk memulai pengembangan aplikasi Anda. Selamat mencoba!

Jika Anda berminat untuk mempelajari tentang Flutter lebih mendalam, silakan mengikuti pelatihannya bersama SUHU disini :

- Mobile Application Development with Android (Flutter) : https://suhu.co.id/pelatihan/mobile_application_development_with_android%C2%A0flutter Silakan konsultasikan kebutuhanmu dengan kami, klik link https://bit.ly/kontaksuhu

 

BAGIKAN ARTIKEL INI

Kata SUHU Terkait

Hubungi kami