Kuelewa Widgets katika Flutter

Katika Flutter, Widgets ni vizuizi vya msingi vya kuunda kiolesura cha programu. Kila mtazamo ndani Flutter ni Wijeti. Kuna aina mbili kuu za Widgets katika Flutter:

Stateless Widgets

Stateless Widgets ni widgets ambazo hazina hali yoyote na hazibadiliki baada ya kuumbwa. Wakati hali ya programu inabadilika, Stateless Widgets chorwa upya na thamani mpya lakini usihifadhi hali yoyote.

Stateful Widgets

Stateful Widgets ambazo widgets zina hali na zinaweza kubadilika wakati wa kukimbia. Hali inapobadilika, Stateful Widgets chorwa upya kiotomatiki ili kuonyesha mabadiliko mapya.

Flutter hutoa anuwai ya kujengwa ndani Widgets kama vile Text, Image, RaisedButton, Container na nyingi zaidi kuunda kiolesura cha mtumiaji. Zaidi ya hayo, unaweza kuunda maalum Widgets ili kukidhi mahitaji maalum ya programu.

Kutumia Widgets katika Flutter

Ili kutumia Widgets katika Flutter, unaunda tu Widgets na kuzipanga katika Widget mti wa programu. Flutter hutumia muundo wa mti wa Widget kujenga kiolesura cha mtumiaji. Kila Wijeti inaweza kuwa na mtoto Widgets, na kutengeneza muundo wa daraja.

Kwa mfano, kuunda programu rahisi na kitufe na maandishi, unaweza kutumia Widgets kama hii:

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

Katika mfano hapo juu, tunatumia kujenga rahisi. Unaweza kubadilisha na muundo wa mti wa Wijeti ili kuunda violesura tata zaidi na mahiri vya programu yako. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

Hitimisho

Widgets ndio msingi wa kiolesura cha mtumiaji katika Flutter. Kwa kutumia iliyoundwa ndani Widgets na kuunda maalum Widgets, unaweza kuunda programu tofauti na zinazovutia katika Flutter.