Razumijevanje Widgets u Flutter

U Flutter, Widgets su osnovni građevni blokovi za izradu korisničkog sučelja aplikacije. Svaki prikaz u Flutter je Widget. Postoje dvije glavne vrste Widgets u Flutter:

Stateless Widgets

Stateless Widgets su widgets koji nemaju nikakvo stanje i ne mijenjaju se nakon što su stvoreni. Kada se stanje aplikacije promijeni, Stateless Widgets ponovno se iscrtava s novim vrijednostima, ali ne zadržava nikakvo stanje.

Stateful Widgets

Stateful Widgets koji widgets imaju stanje i mogu se mijenjati tijekom izvođenja. Kada se stanje promijeni, Stateful Widgets automatski se ponovno iscrtava da odražava nove promjene.

Flutter pruža niz ugrađenih Widgets kao što su Text, Image, RaisedButton, Container i još mnogo toga za izradu korisničkog sučelja. Osim toga, možete izraditi prilagođene Widgets zahtjeve specifičnih aplikacija.

Korištenje Widgets u Flutter

Za korištenje Widgets u Flutter, jednostavno stvorite Widgets i rasporedite ih u stablo widgeta aplikacije. Flutter koristi strukturu stabla widgeta za izgradnju korisničkog sučelja. Svaki widget može sadržavati dijete Widgets, tvoreći hijerarhijsku strukturu.

Na primjer, da biste izradili jednostavnu aplikaciju s gumbom i nešto teksta, možete upotrijebiti Widgets ovako:

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

U gornjem primjeru koristimo se za izradu jednostavnog. Možete promijeniti i strukturu stabla widgeta kako biste stvorili složenija i dinamičnija korisnička sučelja za svoju aplikaciju. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Zaključak

Widgets su temelj korisničkog sučelja u Flutter. Korištenjem ugrađenih Widgets i izradom prilagođenih Widgets, možete izraditi raznolike i privlačne aplikacije u Flutter.