Flutter मा विजेट के हुन्?

Question

Accepted Answer

Flutter मा **सबै कुरा विजेट हो** — UI तत्वहरू (बटन, पाठ, छविहरू), लेआउट संरचनाहरू (पङ्क्तिहरू, स्तम्भहरू, प्याडिङ), र यहाँकी एप्लिकेशन पनि सबै विजेट हुन्। विजेटहरू अपरिवर्तनीय निर्माण ब्लकहरू हुन् जो सम्पूर्ण प्रयोगकर्ता इन्टरफेस बनाउन संरचित हुन्।

## सबै कुरा विजेट हो

```text
Widgets describe the UI. EVERYTHING is a widget:
  → visible elements: Text, Image, Icon, Button, etc.
  → layout: Row, Column, Container, Padding, Center, Stack, etc.
  → structure: Scaffold (page structure), AppBar, etc.
  → even the app itself (MaterialApp) and abstract things (Padding, Theme)
→ You build UI by COMPOSING widgets into a tree (widgets contain other widgets).
```

## विजेटहरूलाई रूखमा संरचित गर्दै

```dart
// build a UI by NESTING widgets (composition)
Scaffold(                       // page structure
  appBar: AppBar(title: Text('Home')),   // app bar with text
  body: Center(                 // centers its child
    child: Column(              // vertical layout
      children: [
        Text('Hello'),          // text widget
        ElevatedButton(         // a button
          onPressed: () {},
          child: Text('Click'),
        ),
      ],
    ),
  ),
)
// → a WIDGET TREE: Scaffold > Center > Column > [Text, Button]
```

विजेटहरू **विजेट रूख** बनाउन नेस्ट गरिन्छन् — संरचना मूल ढाँचा हो (सरल विजेटहरूलाई जटिल UI मा संयोजन गर्नुहोस्)।

## विजेटहरू अपरिवर्तनीय हुन्; कन्फिगरेशन

```text
→ Widgets are IMMUTABLE descriptions of the UI (configuration, not the actual rendered
  objects) — Flutter rebuilds them efficiently when state changes
→ build() methods return widget trees describing what the UI should look like
→ Flutter handles efficiently turning widgets into rendered pixels
```

## यो किन महत्त्वपूर्ण छ

Flutter मा विजेटहरू बुझ्नु आधारभूत कुरा हो किनभने **Flutter मा सबै कुरा विजेट हो** — सम्पूर्ण UI तिनीहरूबाट बनेको छ — त्यसैले विजेट मडेल बुझ्नु आवश्यक, आधारभूत ज्ञान हो कुनै पनि Flutter विकासको लागि।

मूल अवधारणा — कि दृश्यमान तत्वहरू (पाठ, बटन, छविहरू), लेआउट संरचनाहरू (पङ्क्तिहरू, स्तम्भहरू, प्याडिङ), पृष्ठ संरचना, र यहाँकी एप्लिकेशन नै **सबै विजेट हुन्** — यो Flutter कसरी काम गर्छ भन्ने यसको विशेषता हो, र यो बुझ्नु कुनै पनि Flutter UI निर्माण गर्नको लागि शुरुवाती बिन्दु हो।

यो बुझ्नु कि UI हरू **विजेटहरूलाई रूखमा संरचित गरेर** बनेका छन् (विजेटहरू नेस्ट गर्दै, सरलहरूलाई जटिल इन्टरफेसमा संयोजन गर्दै) Flutter विकासको आधारभूत ढाँचा हो — वंशक्रम भन्दा संरचना, सरल, पुनः प्रयोज्य निर्माण ब्लकहरूबाट जटिल UI निर्माण गर्दै।

यो बुझ्नु कि **विजेटहरू UI का अपरिवर्तनीय विवरण हुन्** (वास्तविक रेन्डर गरिएका वस्तुहरूको सट्टा कन्फिगरेशन, Flutter ले राज्य परिवर्तन हुँदा तिनीहरूलाई कुशलतापूर्वक पुनर्निर्माण गर्दै) Flutter को घोषणात्मक UI मडेल कसरी काम गर्छ भन्ने कुरा बुझ्नको लागि महत्त्वपूर्ण छ — तपाईंले UI कस्तो देखिनु पर्छ भन्ने वर्णन गर्नुहुन्छ, र Flutter ले कुशलतापूर्वक रेन्डरिङ हेर्छ।

यो विजेट-र-संरचना मडेल Flutter मा सबै कुरा अन्तर्गत आता: लेआउटहरू, शैलीकरण, राज्य व्यवस्थापन, र संरचना सबै विजेटहरू मार्फत काम गर्दछन्।

विजेट Flutter को परमाणु एकाइ भएको कारण (सबै कुरा विजेट हो, UI रूखहरू संरचना द्वारा बनाइएको छन्) र यो मडेल बुझ्नु Flutter UI निर्माणको निरपेक्ष आधार हो, विजेटहरू बुझ्नु — कि सबै कुरा विजेट हो, रूखमा संरचना, र तिनीहरूको अपरिवर्तनीय घोषणात्मक प्रकृति — आवश्यक, आधारभूत Flutter ज्ञान हो, मूल अवधारणा जस Flutter विकासको हरेक पक्ष निर्मित हुन्छ र Flutter सिक्दा पहिलो कुरा बुझ्न हुन्छ।