{"id":614,"date":"2025-03-17T06:20:53","date_gmt":"2025-03-17T06:20:53","guid":{"rendered":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/?p=614"},"modified":"2025-06-13T08:25:16","modified_gmt":"2025-06-13T08:25:16","slug":"how-add-a-new-language-into-flutter-app","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/how-add-a-new-language-into-flutter-app\/","title":{"rendered":"How add a new language into Flutter app?"},"content":{"rendered":"
\n

Add a new language into Flutter app<\/strong><\/h3>\n\n\n\n
Estimated reading: 1 minutes<\/pre>\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><\/h3>\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 new language flag image. For example, for French, name the image file as ic_de.png<\/code>.<\/li>\n<\/ol>\n\n\n\n
        Step 5 – Update Common Base<\/strong><\/h2>\n\n\n\n
          \n
        1. Open the utils \u2192 common_base.dart<\/strong> 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: 2,
             name: 'German',
             languageCode: 'de',
             fullLanguageCode: 'de-DE',
             flag: 'assets\/flags\/ic_de.png',
           ),<\/pre>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
          INFO<\/strong><\/h3>\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><\/p>\n\n\n\n
          <\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"
          Add a new language into Flutter app Estimated reading: 1 minutes 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. For […]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":69,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-614","post","type-post","status-publish","format-standard","hentry","category-kivilab"],"featured_image_src":null,"author_info":{"display_name":"laraveladminiq","author_link":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/author\/laraveladminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/posts\/614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/comments?post=614"}],"version-history":[{"count":5,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/posts\/614\/revisions"}],"predecessor-version":[{"id":886,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/posts\/614\/revisions\/886"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/posts\/69"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/media?parent=614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/categories?post=614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/kivilab-laravel\/wp-json\/wp\/v2\/tags?post=614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}