Inzicht Widgets in Flutter

In Flutter, Widgets zijn de basisbouwstenen voor het bouwen van de gebruikersinterface van een app. Elke weergave Flutter is een widget. Er zijn twee hoofdtypen Widgets in Flutter:

Stateless Widgets

Stateless Widgets zijn widgets die geen enkele status hebben en niet veranderen nadat ze zijn gemaakt. Wanneer de status van de app verandert, Stateless Widgets wordt u opnieuw getekend met de nieuwe waarden, maar behoudt u geen enkele status.

Stateful Widgets

Stateful Widgets zijn widgets die een status hebben en tijdens runtime kunnen veranderen. Wanneer de status verandert, Stateful Widgets wordt het automatisch opnieuw getekend om de nieuwe wijzigingen weer te geven.

Flutter biedt een verscheidenheid aan ingebouwde Widgets zoals Text, Image, RaisedButton, Container en nog veel meer om de gebruikersinterface te bouwen. Bovendien kunt u maatwerk maken Widgets om te voldoen aan specifieke app-vereisten.

Widgets Binnen gebruiken Flutter

Om Widgets in te gebruiken Flutter, maakt u eenvoudig de Widgets en rangschikt u ze in de Widget-structuur van de app. Flutter gebruikt een Widget-boomstructuur om de gebruikersinterface te bouwen. Elke Widget kan een kind bevatten Widgets, wat een hiërarchische structuur vormt.

Om bijvoorbeeld een eenvoudige app te maken met een knop en wat tekst, kun je Widgets als volgt gebruiken:

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

In het bovenstaande voorbeeld gebruiken we om een ​​eenvoudig. U kunt de en de Widget-boomstructuur wijzigen om complexere en dynamischere gebruikersinterfaces voor uw app te creëren. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Conclusie

Widgets vormen de basis van de gebruikersinterface in Flutter. Door gebruik te maken van ingebouwde Widgets en aangepaste Widgets, kunt u diverse en boeiende apps bouwen in Flutter.