Comprendre Widgets dans Flutter

Dans Flutter, Widgets se trouvent les blocs de construction de base pour la construction de l'interface utilisateur d'une application. Chaque vue dans Flutter est un widget. Il existe deux principaux types Widgets de Flutter:

Stateless Widgets

Stateless Widgets sont widgets qui n'ont pas d'état et ne changent pas après avoir été créés. Lorsque l'état de l'application change, Stateless Widgets redessinez-le avec les nouvelles valeurs, mais ne conservez aucun état.

Stateful Widgets

Stateful Widgets sont widgets qui ont un état et peuvent changer pendant l'exécution. Lorsque l'état change, Stateful Widgets il est automatiquement redessiné pour refléter les nouvelles modifications.

Flutter fournit une variété d'éléments intégrés Widgets tels que Text, Image, RaisedButton, Container et bien d'autres pour construire l'interface utilisateur. De plus, vous pouvez créer une application personnalisée Widgets pour répondre aux exigences spécifiques de l'application.

Utilisation Widgets dans Flutter

Pour les utiliser Widgets dans Flutter, il vous suffit de créer les Widgets et de les organiser dans l'arborescence Widget de l'application. Flutter utilise une structure arborescente Widget pour construire l'interface utilisateur. Chaque Widget peut contenir child Widgets, formant une structure hiérarchique.

Par exemple, pour créer une application simple avec un bouton et du texte, vous pouvez utiliser Widgets comme ceci:

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

Dans l'exemple ci-dessus, nous utilisons pour construire un simple fichier. Vous pouvez modifier l' arborescence et l'arborescence des widgets pour créer des interfaces utilisateur plus complexes et dynamiques pour votre application. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Conclusion

Widgets sont la base de l'interface utilisateur dans Flutter. En utilisant des fichiers intégrés Widgets et en créant des fichiers personnalisés Widgets, vous pouvez créer des applications diverses et attrayantes dans Flutter.