Material र Cupertino widgets के हुन्?

Question

Accepted Answer

Flutter ले दुई मुख्य डिजाइन प्रणालीहरू widget सेटको रूपमा प्रदान गर्छ: **Material** (Google को Material Design, Android-शैली) र **Cupertino** (iOS-शैली)। यसले तपाइँलाई प्रत्येक प्ल्याटफर्मको डिजाइन भाषासँग मेल खाने UI वा सुसंगत कस्टम दृश्य बनाउन दिन्छ।

## Material widgets (Material Design)

```dart
// Material widgets follow Google's Material Design (Android look, but usable anywhere)
MaterialApp(                       // the app root for Material apps
  home: Scaffold(                  // Material page structure
    appBar: AppBar(title: Text('Material')),
    body: Center(
      child: ElevatedButton(       // Material button
        onPressed: () {},
        child: Text('Material Button'),
      ),
    ),
    floatingActionButton: FloatingActionButton(onPressed: () {}),
  ),
)
// Material widgets: Scaffold, AppBar, ElevatedButton, Card, FloatingActionButton, etc.
```

## Cupertino widgets (iOS style)

```dart
// Cupertino widgets follow Apple's iOS design language
CupertinoApp(
  home: CupertinoPageScaffold(
    navigationBar: CupertinoNavigationBar(middle: Text('iOS')),
    child: Center(
      child: CupertinoButton(      // iOS-style button
        onPressed: () {},
        child: Text('iOS Button'),
      ),
    ),
  ),
)
// Cupertino widgets: CupertinoButton, CupertinoNavigationBar, CupertinoPicker, etc.
```

## छनौट र प्ल्याटफर्म-अनुकूल UI

```text
→ MATERIAL → most common default; works on all platforms; Google's design system
→ CUPERTINO → for an authentic iOS look
→ Many apps just use Material everywhere (consistent, simpler) — Flutter draws its own
  UI, so Material works fine on iOS too
→ PLATFORM-ADAPTIVE → use Material on Android, Cupertino on iOS (native feel per platform)
  — more effort; choose based on whether platform-native look matters
```

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

Material र Cupertino widgets बुझ्नु मूल्यवान छ किनकि तिनीहरू Flutter का दुई मुख्य डिजाइन प्रणालीहरू हुन्, जसले app UI बनाउन प्रयोग गरिने widgets प्रदान गर्छन्, त्यसैले यो उपयोगी आधारभूत ज्ञान हो। **Material widgets** (Google को Material Design कार्यान्वयन गर्दै, Android-शैली डिजाइन भाषा) सबैभन्दा सामान्य पूर्वनिर्धारित छ र आवश्यक widgets समावेश गर्छ जो अधिकतर Flutter apps मा प्रयोग हुन्छन् (पृष्ठ संरचनाको लागि Scaffold, AppBar, बटनहरू, Cards, FloatingActionButton) — यसलाई बुझ्नु आवश्यक छ किनकि बहुसंख्यक Flutter apps ले Material प्रयोग गर्छन्। **Cupertino widgets** (Apple को iOS डिजाइन भाषा कार्यान्वयन गर्दै) तपाइँलाई प्रामाणिक iOS-दिखने इन्टरफेस बनाउन दिन्छ।

दुवै बुझ्नु, र **कसरी छनौट गर्ने**, व्यावहारिक रूपमा मूल्यवान छ: धेरै apps सरल रूपमा **सर्वत्र Material प्रयोग गर्छन्** (सुसंगत र सरल, र Flutter ले आफ्नो UI कोरेको हुनाले, Material iOS मा पनि ठीक काम गर्छ), जबकि **प्ल्याटफर्म-नेटिभ दृश्य** चाहने apps ले **प्ल्याटफर्म-अनुकूल दृष्टिकोण** (Android मा Material, iOS मा Cupertino) प्रयोग गर्न सक्छन्, प्रत्येक प्ल्याटफर्मलाई यसको नेटिभ अनुभूति दिन्छ किनकि अधिक प्रयासको खर्चमा।

यो छनौट बुझ्नु — सर्वत्र सुसंगत Material (सरल) बनाम प्ल्याटफर्म-अनुकूल (प्रति प्ल्याटफर्म नेटिभ अनुभूति) — Flutter विकासमा वास्तविक डिजाइन निर्णय प्रतिबिम्बित गर्छ।

उपलब्ध widget सेटहरू र यसका डिजाइन प्रणालीहरू जान्नु आधारभूत छ UI बनाउनको लागि जो उपयुक्त दिखिन्छ, चाहे प्ल्याटफर्मको परम्पराहरूसँग मेल खाएको हो वा सुसंगत कस्टम डिजाइन प्रस्तुत गर्ने।

Flutter UIs बनाउन यी widget सेटहरू प्रयोग गर्न आवश्यक भएको हुनाले (Material सामान्य पूर्वनिर्धारित हो, Cupertino iOS शैलीकरणको लागि) र यसलाई र सुसंगत विरुद्ध प्ल्याटफर्म-अनुकूल डिजाइन बीचको छनौट बुझ्नु उपयुक्त-दिखने apps बनाउनको लागि उपयोगी हो, Material र Cupertino widgets बुझ्नु मूल्यवान, आधारभूत Flutter ज्ञान छ — UI बनाउनको लागि आवश्यक (विशेष गरी सर्वव्यापी Material widgets) र app उपस्थिति र प्ल्याटफर्म परम्पराहरूको बारेमा ध्वनि निर्णय गर्नको लागि उपयोगी, दैनिक Flutter UI विकासको व्यावहारिक पहलु।