Forståelse Widgets i Flutter

I Flutter, Widgets er de grundlæggende byggeklodser til at konstruere brugergrænsefladen til en app. Hver visning i Flutter er en widget. Der er to hovedtyper af Widgets i Flutter:

Stateless Widgets

Stateless Widgets er widgets, der ikke har nogen tilstand og ikke ændrer sig efter oprettelsen. Når appens tilstand ændres, Stateless Widgets skal du tegnes igen med de nye værdier, men du skal ikke beholde nogen tilstand.

Stateful Widgets

Stateful Widgets er widgets, der har tilstand og kan ændre sig under kørsel. Når tilstanden ændres, Stateful Widgets bliver den automatisk tegnet igen for at afspejle de nye ændringer.

Flutter giver en række indbyggede Widgets såsom Text, Image, RaisedButton, Container og mange flere til at konstruere brugergrænsefladen. Derudover kan du oprette brugerdefinerede, Widgets så de passer til specifikke app-krav.

Brug Widgets i Flutter

For at bruge Widgets i Flutter, skal du blot oprette Widgets og arrangere dem i appens Widget-træ. Flutter bruger en widget-træstruktur til at bygge brugergrænsefladen. Hver widget kan indeholde underordnede Widgets, der danner en hierarkisk struktur.

For eksempel, for at oprette en simpel app med en knap og noget tekst, kan du bruge Widgets sådan her:

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

I eksemplet ovenfor bruger vi til at bygge en simpel. Du kan ændre og widget-træstrukturen for at skabe mere komplekse og dynamiske brugergrænseflader til din app. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Konklusion

Widgets er grundlaget for brugergrænsefladen i Flutter. Ved at bruge indbygget Widgets og oprette brugerdefinerede Widgets, kan du bygge forskellige og engagerende apps i Flutter.