Verständnis Widgets in Flutter

In Flutter sind Widgets die Grundbausteine ​​zum Aufbau der Benutzeroberfläche einer App aufgeführt. Jede Ansicht Flutter ist ein Widget. Es gibt zwei Haupttypen von Widgets In Flutter:

Stateless Widgets

Stateless Widgets sind widgets, die keinen Status haben und sich nach ihrer Erstellung nicht ändern. Wenn sich der Status der App ändert, Stateless Widgets wird sie mit den neuen Werten neu gezeichnet, behält jedoch keinen Status bei.

Stateful Widgets

Stateful Widgets sind widgets, die einen Zustand haben und sich zur Laufzeit ändern können. Wenn sich der Status ändert, Stateful Widgets wird er automatisch neu gezeichnet, um die neuen Änderungen widerzuspiegeln.

Flutter bietet eine Vielzahl integrierter Funktionen Widgets wie Text, Image, RaisedButton, Container und vieles mehr zum Aufbau der Benutzeroberfläche. Darüber hinaus können Sie benutzerdefinierte Apps erstellen Widgets, die den spezifischen Anforderungen der App entsprechen.

Verwendung Widgets in Flutter

Zur Verwendung Widgets in Flutter erstellen Sie einfach die Widgets und ordnen sie im Widget-Baum der App an. Flutter verwendet eine Widget-Baumstruktur, um die Benutzeroberfläche zu erstellen. Jedes Widget kann ein Kind enthalten Widgets und so eine hierarchische Struktur bilden.

Um beispielsweise eine einfache App mit einer Schaltfläche und etwas Text zu erstellen, können Sie Widgets Folgendes verwenden:

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

Im obigen Beispiel verwenden wir zum Erstellen einer einfachen. Sie können die und die Widget-Baumstruktur ändern, um komplexere und dynamischere Benutzeroberflächen für Ihre App zu erstellen. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Abschluss

Widgets sind die Grundlage der Benutzeroberfläche in Flutter. Durch die Verwendung integrierter Widgets und benutzerdefinierter Apps Widgets können Sie vielfältige und ansprechende Apps erstellen Flutter.