Widgets లో అర్థం చేసుకోవడం Flutter

లో Flutter, Widgets యాప్ యొక్క వినియోగదారు ఇంటర్‌ఫేస్‌ను నిర్మించడానికి ప్రాథమిక బిల్డింగ్ బ్లాక్‌లు. లో ప్రతి వీక్షణ Flutter ఒక విడ్జెట్. Widgets దీనిలో రెండు ప్రధాన రకాలు ఉన్నాయి Flutter:

Stateless Widgets

Stateless Widgets అవి widgets ఏ స్థితిని కలిగి ఉండవు మరియు సృష్టించబడిన తర్వాత మారవు. యాప్ స్థితి మారినప్పుడు, Stateless Widgets కొత్త విలువలతో మళ్లీ గీయండి కానీ ఏ స్థితిని కొనసాగించవద్దు.

Stateful Widgets

Stateful Widgets అవి widgets స్థితిని కలిగి ఉంటాయి మరియు రన్‌టైమ్‌లో మారవచ్చు. స్థితి మారినప్పుడు, Stateful Widgets కొత్త మార్పులను ప్రతిబింబించేలా స్వయంచాలకంగా మళ్లీ గీయబడుతుంది.

Flutter వినియోగదారు ఇంటర్‌ఫేస్‌ను నిర్మించడానికి అనేక రకాల అంతర్నిర్మిత మరియు మరెన్నో అందిస్తుంది Widgets. అదనంగా, మీరు నిర్దిష్ట యాప్ అవసరాలకు అనుగుణంగా Text, Image, RaisedButton, Container అనుకూలతను సృష్టించవచ్చు. Widgets

Widgets లో ఉపయోగించడం Flutter

Widgets లో ఉపయోగించడానికి Flutter, మీరు Widgets యాప్ యొక్క విడ్జెట్ ట్రీలో వాటిని సృష్టించి, అమర్చండి. Flutter వినియోగదారు ఇంటర్‌ఫేస్‌ను రూపొందించడానికి విడ్జెట్ ట్రీ నిర్మాణాన్ని ఉపయోగిస్తుంది. ప్రతి విడ్జెట్ చైల్డ్‌ని కలిగి ఉంటుంది Widgets, ఇది క్రమానుగత నిర్మాణాన్ని ఏర్పరుస్తుంది.

ఉదాహరణకు, ఒక బటన్ మరియు కొంత వచనంతో సరళమైన యాప్‌ని సృష్టించడానికి, మీరు Widgets ఇలా ఉపయోగించవచ్చు:

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

పై ఉదాహరణలో, మేము సరళమైనదాన్ని నిర్మించడానికి ఉపయోగిస్తాము. మీరు మీ యాప్ కోసం మరింత సంక్లిష్టమైన మరియు డైనమిక్ యూజర్ ఇంటర్‌ఫేస్‌లను సృష్టించడానికి మరియు విడ్జెట్ ట్రీ నిర్మాణాన్ని మార్చవచ్చు. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

 

ముగింపు

Widgets లో వినియోగదారు ఇంటర్‌ఫేస్ యొక్క పునాది Flutter. అంతర్నిర్మిత Widgets మరియు అనుకూలతను సృష్టించడం ద్వారా Widgets, మీరు విభిన్నమైన మరియు ఆకర్షణీయమైన యాప్‌లను రూపొందించవచ్చు Flutter.