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 ।