Porozumění Widgets v Flutter

V Flutter, Widgets jsou základní stavební kameny pro konstrukci uživatelského rozhraní aplikace. Každý pohled v Flutter je widget. Existují dva hlavní typy Widgets v Flutter:

Stateless Widgets

Stateless Widgets jsou widgets, které nemají žádný stav a po vytvoření se nemění. Když se stav aplikace změní, Stateless Widgets překreslete se s novými hodnotami, ale neuchovávejte žádný stav.

Stateful Widgets

Stateful Widgets jsou widgets, které mají stav a mohou se během běhu měnit. Když se stav změní, Stateful Widgets automaticky se překreslí, aby odrážel nové změny.

Flutter poskytuje celou řadu vestavěných, Widgets jako je Text, Image, RaisedButton, Container a mnoho dalších pro vytvoření uživatelského rozhraní. Navíc si můžete vytvořit vlastní Widgets, aby vyhovoval specifickým požadavkům aplikace.

Použití Widgets v Flutter

Chcete-li je použít Widgets v aplikaci Flutter, jednoduše je vytvoříte Widgets a uspořádáte ve stromu widgetů aplikace. Flutter používá k vytvoření uživatelského rozhraní stromovou strukturu widgetů. Každý widget může obsahovat potomka Widgets, tvořící hierarchickou strukturu.

Chcete-li například vytvořit jednoduchou aplikaci s tlačítkem a nějakým textem, můžete použít Widgets toto:

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

Ve výše uvedeném příkladu použijeme k vytvoření jednoduchého. Můžete změnit stromovou strukturu widgetů a vytvořit složitější a dynamičtější uživatelská rozhraní pro vaši aplikaci. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Závěr

Widgets jsou základem uživatelského rozhraní v Flutter. Pomocí vestavěných Widgets a vytváření vlastních Widgets, můžete vytvářet rozmanité a poutavé aplikace v Flutter.