{"id":139,"date":"2025-05-20T04:51:19","date_gmt":"2025-05-20T04:51:19","guid":{"rendered":"https:\/\/documentation.iqonic.design\/frezka\/?p=139"},"modified":"2025-06-10T07:00:20","modified_gmt":"2025-06-10T07:00:20","slug":"add-a-new-language","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/frezka\/add-a-new-language\/","title":{"rendered":"Add a new language"},"content":{"rendered":"
\n
Estimated reading: 1 minutes<\/pre>\n\n\n\n
How add a new language into Flutter app?<\/strong><\/h3>\n\n\n\n
Step 1 – Open Your Project<\/strong><\/h2>\n\n\n\n
Open your project in your preferred development IDE.<\/p>\n\n\n\n
Step 2 – Generate Language Dart File<\/strong><\/h2>\n\n\n\n
    \n
  1. Navigate to the lib \u2192 locale<\/strong> folder.<\/li>\n\n\n\n
  2. Create a new Dart file for your new language. For example, if you want to add German, create a file with name language_de.dart<\/code><\/strong>.<\/li>\n\n\n\n
  3. Inside language_de.dart<\/code><\/strong>, define a class name LanguageDe<\/strong> and translate all strings into German.<\/li>\n<\/ol>\n\n\n\n
    TIP<\/strong><\/p>\n\n\n\n
    You can follow the convention of naming them as language_languageCode.dart, where languageCode represents the ISO 639-1 language code for the language.<\/p>\n\n\n\n
    For example:<\/p>\n\n\n\n
    English: language_en.dart Spanish: language_es.dart French: language_fr.dart<\/p>\n\n\n\n
    Step 3 – Update App Localizations<\/strong><\/h2>\n\n\n\n
      \n
    1. Open the app_localizations.dart<\/code> file.<\/li>\n\n\n\n
    2. Inside a switch<\/code> statement, add the following code to handle the new language:<\/li>\n<\/ol>\n\n\n\n
      case 'de':
        return LanguageDe();<\/pre>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      Step 4 – Add Flag Image<\/strong><\/h2>\n\n\n\n
        \n
      1. Go to the assets \u2192 flags<\/strong> folder.<\/li>\n\n\n\n
      2. Add a flag image for newly added language. For example, for French, name the image file as ic_de.png<\/code>.<\/li>\n\n\n\n
      3. Add constant for image file in “lib \u2192 utils \u2192 images.dart”<\/li>\n<\/ol>\n\n\n\n
        const ic_de = 'assets\/flags\/ic_de.png';<\/pre>\n\n\n\n
        Step 5 – Update Common Base<\/strong><\/h2>\n\n\n\n
          \n
        1. Open the lib \u2192 utils \u2192 common_base.dart<\/code> file.<\/li>\n\n\n\n
        2. Locate the languageList()<\/code> method.<\/li>\n\n\n\n
        3. Add a new entry for the added language in the format:<\/li>\n<\/ol>\n\n\n\n
            LanguageDataModel(
               id: 5,
               name: 'German',
               languageCode: 'de',
               fullLanguageCode: 'de-DE',
               flag: ic_de,
           ),<\/pre>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
          INFO<\/strong><\/p>\n\n\n\n
          Ensure to use the correct language code in both languageCode<\/code> and fullLanguageCode<\/code>. If you don’t know what’s language code for your preferred language please do visit this site for getting language code – Click Me!<\/a>
          <\/a><\/p>\n\n\n\n
          <\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"
          Estimated reading: 1 minutes How add a new language into Flutter app? Step 1 – Open Your Project Open your project in your preferred development IDE. Step 2 – Generate Language Dart File TIP You can follow the convention of naming them as language_languageCode.dart, where languageCode represents the ISO 639-1 language code for the language. […]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":119,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-139","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"author_info":{"display_name":"laraveladminiq","author_link":"https:\/\/documentation.iqonic.design\/frezka\/author\/laraveladminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/posts\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/comments?post=139"}],"version-history":[{"count":5,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/posts\/139\/revisions"}],"predecessor-version":[{"id":1053,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/posts\/139\/revisions\/1053"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/posts\/119"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/media?parent=139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/categories?post=139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/tags?post=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}