Fehim Widgets fi Flutter

Fi Flutter, Widgets huma l-blokki bażiċi għall-kostruzzjoni tal-interface tal-utent ta 'app. Kull dehra Flutter hija Widget. Hemm żewġ tipi ewlenin ta' Widgets fi Flutter:

Stateless Widgets

Stateless Widgets huma widgets li m'għandhom l-ebda stat u ma jinbidlux wara li jkunu maħluqa. Meta l-istat tal-app jinbidel, Stateless Widgets iddiżinja mill-ġdid bil-valuri l-ġodda iżda ma żżomm l-ebda stat.

Stateful Widgets

Stateful Widgets huma widgets li għandhom stat u jistgħu jinbidlu matul runtime. Meta l-istat jinbidel, Stateful Widgets awtomatikament iġib mill-ġdid biex jirrifletti l-bidliet ġodda.

Flutter jipprovdi varjetà ta 'built-in Widgets bħal Text, Image, RaisedButton, Container u ħafna aktar biex jinbena l-interface tal-utent. Barra minn hekk, tista 'toħloq custom Widgets biex taqdi rekwiżiti speċifiċi tal-app.

Bl- użu Widgets fi Flutter

Biex tuża Widgets fi Flutter, sempliċement toħloq il- Widgets u tirranġahom fis-siġra tal-Widgets tal-app. Flutter juża struttura tas-siġra Widget biex jibni l-interface tal-utent. Kull Widget jista' jkun fih child Widgets, li jifforma struttura ġerarkika.

Pereżempju, biex toħloq app sempliċi b'buttuna u xi test, tista' tuża Widgets bħal dan:

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

Fl-eżempju ta 'hawn fuq, nużaw biex nibnu sempliċi. Tista 'tbiddel l- istruttura tas-siġra u l-Widget biex toħloq interfaces tal-utent aktar kumplessi u dinamiċi għall-app tiegħek. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Konklużjoni

Widgets huma l-pedament tal-user interface fil- Flutter. Billi tuża built-in Widgets u toħloq custom Widgets, tista 'tibni apps diversi u ingaġġanti fil- Flutter.