ความเข้าใจ Widgets ใน Flutter

ใน Flutter เป็น Widgets องค์ประกอบพื้นฐานในการสร้างอินเทอร์เฟซผู้ใช้ของแอป ทุกมุมมอง Flutter คือ Widget มีสองประเภทหลัก Widgets ใน Flutter:

Stateless Widgets

Stateless Widgets คือ widgets ไม่มีสถานะใด ๆ และไม่เปลี่ยนแปลงหลังจากสร้างขึ้น เมื่อสถานะของแอปเปลี่ยนแปลง Stateless Widgets ให้วาดใหม่ด้วยค่าใหม่แต่จะไม่คงสถานะใดๆ

Stateful Widgets

Stateful Widgets มี widgets สถานะและสามารถเปลี่ยนแปลงได้ระหว่างรันไทม์ เมื่อสถานะเปลี่ยนแปลง Stateful Widgets จะถูกวาดใหม่โดยอัตโนมัติเพื่อแสดงการเปลี่ยนแปลงใหม่

Flutter มีบิวด์อินที่หลากหลาย Widgets เช่น Text, Image, RaisedButton, Container และอื่น ๆ อีกมากมายเพื่อสร้างส่วนต่อประสานกับผู้ใช้ นอกจากนี้ คุณสามารถสร้างแบบกำหนดเอง Widgets เพื่อให้เหมาะกับความต้องการของแอปเฉพาะ

ใช้ Widgets ใน Flutter

หากต้องการใช้ Widgets ใน Flutter คุณเพียงแค่สร้าง Widgets และจัดเรียงในแผนผังวิดเจ็ตของแอป Flutter ใช้โครงสร้างต้นไม้ Widget เพื่อสร้างส่วนต่อประสานผู้ใช้ Widget แต่ละรายการสามารถมี child Widgets สร้างโครงสร้างแบบลำดับชั้นได้

ตัวอย่างเช่น ในการสร้างแอปง่ายๆ ด้วยปุ่มและข้อความ คุณสามารถใช้ Widgets ดังนี้:

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'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

ในตัวอย่างข้างต้น เราใช้ เพื่อสร้างไฟล์. คุณสามารถเปลี่ยน และโครงสร้างแผนผังวิดเจ็ตเพื่อสร้างอินเทอร์เฟซผู้ใช้ที่ซับซ้อนและไดนามิกมากขึ้นสำหรับแอปของคุณ MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

บทสรุป

Widgets เป็นรากฐานของอินเทอร์เฟซผู้ใช้ใน Flutter. คุณสามารถสร้างแอปที่หลากหลายและน่าดึงดูดใจได้ ด้วยการใช้ใน Widgets ตัวและการสร้างแบบกำหนด เอง Widgets Flutter