Kuptimi Widgets në Flutter

Në Flutter, Widgets janë blloqet bazë të ndërtimit për ndërtimin e ndërfaqes së përdoruesit të një aplikacioni. Çdo pamje në Flutter është një widget. Ekzistojnë dy lloje kryesore Widgets të Flutter:

Stateless Widgets

Stateless Widgets janë widgets që nuk kanë asnjë gjendje dhe nuk ndryshojnë pasi janë krijuar. Kur ndryshon gjendja e aplikacionit, Stateless Widgets rivizatohuni me vlerat e reja, por mos ruani asnjë gjendje.

Stateful Widgets

Stateful Widgets janë widgets ato që kanë gjendje dhe mund të ndryshojnë gjatë kohës së ekzekutimit. Kur ndryshon gjendja, Stateful Widgets rivizatohuni automatikisht për të pasqyruar ndryshimet e reja.

Flutter ofron një shumëllojshmëri të integruara Widgets si Text, Image, RaisedButton, Container dhe shumë të tjera për të ndërtuar ndërfaqen e përdoruesit. Për më tepër, mund të krijoni porosi Widgets për t'iu përshtatur kërkesave specifike të aplikacionit.

Duke përdorur Widgets në Flutter

Për t'u përdorur Widgets në Flutter, thjesht krijoni Widgets dhe rregulloni ato në pemën e Widget-it të aplikacionit. Flutter përdor një strukturë peme Widget për të ndërtuar ndërfaqen e përdoruesit. Çdo miniaplikacion mund të përmbajë fëmijë Widgets, duke formuar një strukturë hierarkike.

Për shembull, për të krijuar një aplikacion të thjeshtë me një buton dhe pak tekst, mund të përdorni Widgets si kjo:

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

Në shembullin e mësipërm, ne përdorim për të ndërtuar një. Ju mund të ndryshoni strukturën e pemës së Widget-it për të krijuar ndërfaqe përdoruesi më komplekse dhe dinamike për aplikacionin tuaj. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

konkluzioni

Widgets janë themeli i ndërfaqes së përdoruesit në Flutter. Duke përdorur të integruar Widgets dhe duke krijuar porosi Widgets, mund të ndërtoni aplikacione të ndryshme dhe tërheqëse në Flutter.