Supratimas Widgets viduje Flutter

Flutter, yra Widgets pagrindiniai programos vartotojo sąsajos kūrimo elementai. Kiekvienas rodinys Flutter yra valdiklis. Yra du pagrindiniai Widgets tipai Flutter:

Stateless Widgets

Stateless Widgets yra widgets kurios neturi jokios būsenos ir nesikeičia sukūrus. Pasikeitus programos būsenai, Stateless Widgets perbraižykite naujas vertes, bet neišsaugokite jokios būsenos.

Stateful Widgets

Stateful Widgets kurios widgets turi būseną ir gali keistis vykdymo metu. Pasikeitus būsenai, Stateful Widgets automatiškai perbraižykite, kad atspindėtų naujus pakeitimus.

Flutter suteikia įvairių integruotų, Widgets pvz., Text, Image, RaisedButton, Container ir daug kitų, skirtų vartotojo sąsajai sukurti. Be to, galite sukurti tinkintus Widgets, kad atitiktų konkrečius programos reikalavimus.

Naudojant Widgets in Flutter

Norėdami naudoti Widgets, Flutter tiesiog sukurkite Widgets ir sutvarkykite juos programos valdiklių medyje. Flutter naudoja valdiklių medžio struktūrą, kad sukurtų vartotojo sąsają. Kiekviename valdiklyje gali būti vaikas Widgets, sudarantis hierarchinę struktūrą.

Pavyzdžiui, norėdami sukurti paprastą programą su mygtuku ir tekstu, galite naudoti Widgets taip:

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

Aukščiau pateiktame pavyzdyje mes naudojame norėdami sukurti paprastą. Galite pakeisti valdiklių medžio struktūrą, kad sukurtumėte sudėtingesnes ir dinamiškesnes programos vartotojo sąsajas. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Išvada

Widgets yra vartotojo sąsajos pagrindas Flutter. Naudodami integruotą Widgets ir kurdami tinkintą Widgets, galite kurti įvairias ir patrauklias programas Flutter.