How to configure multiple languages for mobile app? (Read the whole thing before implementing)


  1. In your lib/l10n folder  you will see an app_en.arb file. This is your main translation + interpretation file. Never delete this.NEVER.

  2. If you want another language file you can copy the app_en.arb file and make another language file like app_fr.arb and so on. But we will suggest that you use our translation generator from admin panel.

  3. Always make sure your language code is valid. https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes Use iso 639-1 codes. By default flutter localization uses 78 major language codes from here.

  4. Upload app_en.arb in the admin panel.It will fetch strings from the file and uploads to your database. 




  1. Make sure while adding/editing a language , your flutter app language code exists. The code must be in iso 639-1 format. Without a valid code , you will not see a translated output in the app.





6.Then translate your app strings like you did for your web. You can use google chrome's translation extension and the copy button for a faster output. See, our documentation on translation is provided with the cms. Remember the translations for web and app are kept separate, so even if you did create the translation, for the web , you have to create it for the mobile app too.


7.Once all the strings are converted for a particular language , say for example french, you can download the app_fr.arb file from the panel and put this arb file in your flutter apps  lib/l10n folder along with your app_en.arb file.You can also change the main app_en.arb file this way but we encourage you not to do it . If you face any error due to app_en.arb file changes , we will not provide you any support.
Make sure the file you pasted in the lib/l10n is not empty.If you provide an empty file you will get errors.



8. For the same language , your language code for app and web can be different.  This is not an issue. But you have to make sure the code for the app is in 639-1 format.


9.The language list to the app is shown from the backend api, so if you are using a lot of languages , make sure you provide translation for all of them.If you don’t , by default the text from app_en.arb will be shown.

×