Zrozumienie Widgets w Flutter

W Flutter, Widgets znajdują się podstawowe elementy składowe do konstruowania interfejsu użytkownika aplikacji. Każdy widok w Flutter programie jest widżetem. Istnieją dwa główne typy Widgets w Flutter:

Stateless Widgets

Stateless Widgets są widgets takie, które nie mają żadnego stanu i nie zmieniają się po utworzeniu. Gdy zmieni się stan aplikacji, Stateless Widgets przerysuj z nowymi wartościami, ale nie zachowaj żadnego stanu.

Stateful Widgets

Stateful Widgets mają widgets stan i mogą się zmieniać w czasie wykonywania. Gdy stan się zmieni, Stateful Widgets automatycznie zostanie przerysowany, aby odzwierciedlić nowe zmiany.

Flutter zapewnia wiele wbudowanych, Widgets takich jak Text, Image, RaisedButton, Container i wiele innych, do tworzenia interfejsu użytkownika. Ponadto możesz tworzyć niestandardowe, Widgets aby spełnić określone wymagania aplikacji.

Używanie Widgets w Flutter

Aby użyć Widgets w Flutter, po prostu utwórz Widgets i rozmieść je w drzewie widżetów aplikacji. Flutter wykorzystuje strukturę drzewa widżetów do budowy interfejsu użytkownika. Każdy Widżet może zawierać child Widgets, tworząc hierarchiczną strukturę.

Na przykład, aby utworzyć prostą aplikację z przyciskiem i tekstem, możesz użyć Widgets tego:

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

W powyższym przykładzie używamy do zbudowania prostego pliku. Możesz zmieniać strukturę drzewa widżetów i tworzyć bardziej złożone i dynamiczne interfejsy użytkownika dla swojej aplikacji. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Wniosek

Widgets są podstawą interfejsu użytkownika w Flutter. Korzystając z wbudowanych Widgets i tworząc niestandardowe Widgets, możesz tworzyć różnorodne i atrakcyjne aplikacje w Flutter.