Forståelse Widgets i Flutter

I Flutter, Widgets er de grunnleggende byggeklossene for å konstruere brukergrensesnittet til en app. Hver visning i Flutter er en widget. Det er to hovedtyper av Widgets i Flutter:

Stateless Widgets

Stateless Widgets er widgets som ikke har noen tilstand og ikke endres etter å ha blitt opprettet. Når appens tilstand endres, Stateless Widgets kan du tegnes på nytt med de nye verdiene, men ikke beholde noen tilstand.

Stateful Widgets

Stateful Widgets er widgets som har tilstand og kan endres under kjøretid. Når tilstanden endres, Stateful Widgets blir den automatisk tegnet på nytt for å gjenspeile de nye endringene.

Flutter gir en rekke innebygde Widgets som Text, Image, RaisedButton, Container og mange flere for å konstruere brukergrensesnittet. I tillegg kan du lage tilpassede Widgets for å passe spesifikke appkrav.

Bruker Widgets i Flutter

For å bruke Widgets i Flutter, oppretter du ganske enkelt Widgets og ordner dem i appens widget-tre. Flutter bruker en widget-trestruktur for å bygge brukergrensesnittet. Hver widget kan inneholde underordnede Widgets, som danner en hierarkisk struktur.

For eksempel, for å lage en enkel app med en knapp og litt tekst, kan du bruke Widgets slik:

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 bruker vi til å bygge en enkel. Du kan endre trestrukturen og Widget-trestrukturen for å lage mer komplekse og dynamiske brukergrensesnitt for appen din. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Konklusjon

Widgets er grunnlaget for brukergrensesnittet i Flutter. Ved å bruke innebygde Widgets og lage tilpassede Widgets, kan du bygge ulike og engasjerende apper i Flutter.