Pemahaman Widgets dalam Flutter

In Flutter, Widgets ialah blok binaan asas untuk membina antara muka pengguna aplikasi. Setiap paparan dalam Flutter adalah Widget. Terdapat dua jenis utama Widgets dalam Flutter:

Stateless Widgets

Stateless Widgets adalah widgets yang tidak mempunyai sebarang keadaan dan tidak berubah selepas dicipta. Apabila keadaan apl berubah, Stateless Widgets lukis semula dengan nilai baharu tetapi jangan kekalkan sebarang keadaan.

Stateful Widgets

Stateful Widgets adalah widgets yang mempunyai keadaan dan boleh berubah semasa masa jalan. Apabila keadaan berubah, Stateful Widgets dilukis semula secara automatik untuk mencerminkan perubahan baharu.

Flutter menyediakan pelbagai terbina dalam Widgets seperti Text, Image, RaisedButton, Container dan banyak lagi untuk membina antara muka pengguna. Selain itu, anda boleh membuat tersuai Widgets untuk memenuhi keperluan aplikasi tertentu.

Menggunakan Widgets dalam Flutter

Untuk digunakan Widgets dalam Flutter, anda hanya mencipta Widgets dan menyusunnya dalam pepohon Widget apl. Flutter menggunakan struktur pokok Widget untuk membina antara muka pengguna. Setiap Widget boleh mengandungi child Widgets, membentuk struktur hierarki.

Sebagai contoh, untuk mencipta aplikasi mudah dengan butang dan beberapa teks, anda boleh 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'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

Dalam contoh di atas, kita gunakan untuk membina. Anda boleh menukar dan struktur pepohon Widget untuk mencipta antara muka pengguna yang lebih kompleks dan dinamik untuk apl anda. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Kesimpulan

Widgets adalah asas antara muka pengguna dalam Flutter. Dengan menggunakan terbina dalam Widgets dan mencipta tersuai Widgets, anda boleh membina apl yang pelbagai dan menarik dalam Flutter.