LanguageSwitcher

परिचय

LanguageSwitcher विजेट आपके Nylo Website प्रोजेक्ट्स में भाषा बदलने को हैंडल करने का एक आसान तरीका प्रदान करता है। यह स्वचालित रूप से आपकी /lang डायरेक्टरी में उपलब्ध भाषाओं का पता लगाता है और उन्हें यूज़र को दिखाता है।

LanguageSwitcher क्या करता है?

• आपकी /lang डायरेक्टरी से उपलब्ध भाषाएँ दिखाता है
• जब यूज़र कोई भाषा चुनता है तो ऐप की भाषा बदल देता है
• ऐप रीस्टार्ट होने पर भी चुनी हुई भाषा बनी रहती है
• भाषा बदलने पर UI स्वचालित रूप से अपडेट होता है

नोट: यदि आपका ऐप अभी तक लोकलाइज़्ड नहीं है, तो इस विजेट का उपयोग करने से पहले Localization डॉक्यूमेंटेशन में जानें कि यह कैसे करें।

ड्रॉपडाउन विजेट

LanguageSwitcher का उपयोग करने का सबसे सरल तरीका आपके ऐप बार में ड्रॉपडाउन के रूप में है:

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text("Settings"),
      actions: [
        LanguageSwitcher(), // Add to the app bar
      ],
    ),
    body: Center(
      child: Text("Hello World".tr()),
    ),
  );
}

जब यूज़र ड्रॉपडाउन पर टैप करता है, तो उसे उपलब्ध भाषाओं की एक लिस्ट दिखाई देगी। भाषा चुनने के बाद, ऐप स्वचालित रूप से बदल जाएगा और UI अपडेट हो जाएगा।

बॉटम शीट मोडल

आप भाषाओं को बॉटम शीट मोडल में भी दिखा सकते हैं:

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: MaterialButton(
        child: Text("Change Language"),
        onPressed: () {
          LanguageSwitcher.showBottomModal(context);
        },
      ),
    ),
  );
}

बॉटम मोडल वर्तमान में चुनी गई भाषा के बगल में चेकमार्क के साथ भाषाओं की एक लिस्ट दिखाता है।

मोडल की ऊँचाई कस्टमाइज़ करना

LanguageSwitcher.showBottomModal(
  context,
  height: 300, // Custom height
);

कस्टम ड्रॉपडाउन बिल्डर

ड्रॉपडाउन में प्रत्येक भाषा विकल्प कैसे दिखाई देता है इसे कस्टमाइज़ करें:

LanguageSwitcher(
  dropdownBuilder: (Map<String, dynamic> language) {
    return Row(
      children: [
        Icon(Icons.language),
        SizedBox(width: 8),
        Text(language['name']), // e.g., "English"
        // language['locale'] contains the locale code, e.g., "en"
      ],
    );
  },
)

भाषा बदलाव हैंडल करना

LanguageSwitcher(
  onLanguageChange: (Map<String, dynamic> language) {
    print('Language changed to: ${language['name']}');
    // Perform additional actions when language changes
  },
)

पैरामीटर्स

स्टैटिक मेथड्स

वर्तमान भाषा प्राप्त करें

वर्तमान में चुनी गई भाषा प्राप्त करें:

Map<String, dynamic>? lang = await LanguageSwitcher.currentLanguage();
// Returns: {"en": "English"} or null if not set

भाषा स्टोर करें

मैन्युअली भाषा प्राथमिकता स्टोर करें:

await LanguageSwitcher.storeLanguage(
  object: {"fr": "French"},
);

भाषा क्लियर करें

स्टोर की गई भाषा प्राथमिकता हटाएँ:

await LanguageSwitcher.clearLanguage();

भाषा डेटा प्राप्त करें

लोकेल कोड से भाषा जानकारी प्राप्त करें:

Map<String, String>? langData = LanguageSwitcher.getLanguageData("en");
// Returns: {"en": "English"}

Map<String, String>? langData = LanguageSwitcher.getLanguageData("fr_CA");
// Returns: {"fr_CA": "French (Canada)"}

भाषा सूची प्राप्त करें

/lang डायरेक्टरी से सभी उपलब्ध भाषाएँ प्राप्त करें:

List<Map<String, String>> languages = await LanguageSwitcher.getLanguageList();
// Returns: [{"en": "English"}, {"es": "Spanish"}, ...]

बॉटम मोडल दिखाएँ

भाषा चयन मोडल दिखाएँ:

await LanguageSwitcher.showBottomModal(context);

// With custom height
await LanguageSwitcher.showBottomModal(context, height: 400);

समर्थित लोकेल्स

LanguageSwitcher विजेट मानव-पठनीय नामों के साथ सैकड़ों लोकेल कोड्स को सपोर्ट करता है। कुछ उदाहरण:

पूर्ण सूची में अधिकांश भाषाओं के क्षेत्रीय वेरिएंट्स शामिल हैं।