Ymmärrys Widgets sisään Flutter

, ovat perusrakennuspalikoita sovelluksen käyttöliittymän rakentamiseen Flutter. Widgets Jokainen näkymä Flutter on widget. Widgets Siellä on kaksi päätyyppiä Flutter:

Stateless Widgets

Stateless Widgets ovat widgets, joilla ei ole tilaa eivätkä ne muutu luomisen jälkeen. Kun sovelluksen tila muuttuu, Stateless Widgets piirrä se uudelleen uusilla arvoilla, mutta älä säilytä mitään tilaa.

Stateful Widgets

Stateful Widgets ovat widgets, joilla on tila ja ne voivat muuttua ajon aikana. Kun tila muuttuu, Stateful Widgets piirretään automaattisesti uudelleen vastaamaan uusia muutoksia.

Flutter tarjoaa erilaisia ​​sisäänrakennettuja ominaisuuksia, Widgets kuten Text, Image, RaisedButton, Container ja monia muita käyttöliittymän rakentamiseen. Lisäksi voit luoda mukautettuja, Widgets jotka sopivat tiettyihin sovellusvaatimuksiin.

Käyttö Widgets sisään Flutter

Voit käyttää Widgets sovelluksessa Flutter luomalla Widgets ja järjestämällä ne sovelluksen widget-puuhun. Flutter käyttää widget-puurakennetta käyttöliittymän rakentamiseen. Jokainen widget voi sisältää lapsen Widgets muodostaen hierarkkisen rakenteen.

Voit esimerkiksi luoda yksinkertaisen sovelluksen, jossa on painike ja tekstiä, Widgets seuraavasti:

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

Yllä olevassa esimerkissä käytämme yksinkertaisen. Voit muuttaa ja Widget-puurakennetta luodaksesi monimutkaisempia ja dynaamisempia käyttöliittymiä sovelluksellesi. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Johtopäätös

Widgets ovat käyttöliittymän perusta Flutter. Käyttämällä sisäänrakennettua Widgets ja luomalla mukautettuja Widgets voit rakentaa monipuolisia ja kiinnostavia sovelluksia Flutter.