Pengertian Widgets di Flutter

Di Flutter, Widgets adalah blok bangunan dasar untuk membuat antarmuka pengguna aplikasi. Setiap tampilan Flutter adalah Widget. Ada dua jenis utama Widgets dalam Flutter:

Stateless Widgets

Stateless Widgets adalah widgets yang tidak memiliki status apa pun dan tidak berubah setelah dibuat. Saat status aplikasi berubah, Stateless Widgets gambar ulang dengan nilai baru tetapi jangan pertahankan status apa pun.

Stateful Widgets

Stateful Widgets adalah widgets yang memiliki status dan dapat berubah selama runtime. Saat status berubah, Stateful Widgets secara otomatis digambar ulang untuk mencerminkan perubahan baru.

Flutter menyediakan berbagai built-in Widgets seperti Text, Image, RaisedButton, Container dan banyak lagi untuk membangun antarmuka pengguna. Selain itu, Anda dapat membuat kustom Widgets untuk memenuhi persyaratan aplikasi tertentu.

Menggunakan Widgets di Flutter

Untuk menggunakan Widgets, Flutter Anda cukup membuat Widgets dan mengaturnya di pohon Widget aplikasi. Flutter menggunakan struktur pohon Widget untuk membangun antarmuka pengguna. Setiap Widget dapat berisi anak Widgets, membentuk struktur hierarkis.

Misalnya, untuk membuat aplikasi sederhana dengan tombol dan beberapa teks, Anda dapat menggunakan Widgets seperti ini:

import 'package:flutter/material.dart';  
  
void main() {  
  runApp(MyApp());  
}  
  
class MyApp extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: Scaffold(  
        appBar: AppBar(  
          title: Text('Flutter Widgets'),  
       ),  
        body: Center(  
          child: Column(  
            mainAxisAlignment: MainAxisAlignment.center,  
            children: [  
              RaisedButton(  
                onPressed:() {  
                  // Xử lý khi nút được nhấn  
                },  
                child: Text('Nhấn vào đây'),  
             ),  
              Text('Chào mừng đến với Flutter Widgets'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

Pada contoh di atas, kita gunakan untuk membuat file. Anda dapat mengubah dan struktur pohon Widget untuk membuat antarmuka pengguna yang lebih kompleks dan dinamis untuk aplikasi Anda. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Kesimpulan

Widgets adalah dasar dari antarmuka pengguna di Flutter. Dengan menggunakan built-in Widgets dan membuat custom Widgets, Anda dapat membuat aplikasi yang beragam dan menarik di Flutter.