Razumevanje Widgets v Flutter

V Flutter so Widgets osnovni gradniki za izdelavo uporabniškega vmesnika aplikacije. Vsak pogled v Flutter je Widget. Obstajata dve glavni vrsti Widgets v Flutter:

Stateless Widgets

Stateless Widgets so widgets, ki nimajo nobenega stanja in se po ustvarjanju ne spremenijo. Ko se stanje aplikacije spremeni, Stateless Widgets se ponovno nariše z novimi vrednostmi, vendar ne obdrži nobenega stanja.

Stateful Widgets

Stateful Widgets so widgets, ki imajo stanje in se lahko spremenijo med izvajanjem. Ko se stanje spremeni, Stateful Widgets se samodejno ponovno nariše, da odraža nove spremembe.

Flutter ponuja različne vgrajene elemente, Widgets kot je Text, Image, RaisedButton, Container in še veliko več za izdelavo uporabniškega vmesnika. Poleg tega lahko ustvarite po meri Widgets, da ustreza posebnim zahtevam aplikacije.

Uporaba Widgets v Flutter

Za uporabo Widgets v Flutter, preprosto ustvarite Widgets in jih razporedite v drevesu pripomočkov aplikacije. Flutter uporablja drevesno strukturo Widget za izdelavo uporabniškega vmesnika. Vsak gradnik lahko vsebuje podrejenega elementa Widgets, ki tvori hierarhično strukturo.

Če želite na primer ustvariti preprosto aplikacijo z gumbom in nekaj besedila, lahko uporabite Widgets takole:

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

V zgornjem primeru uporabljamo za izdelavo preprostega. Spremenite lahko in drevesno strukturo pripomočkov, da ustvarite bolj zapletene in dinamične uporabniške vmesnike za svojo aplikacijo. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Zaključek

Widgets so temelj uporabniškega vmesnika v Flutter. Z uporabo vgrajenega Widgets in ustvarjanjem po meri Widgets lahko ustvarite raznolike in privlačne aplikacije v Flutter.