7. Multi-Language Setup

Previous6.2 iOS Notification Setup Next8. Ads Setup

Last updated 2 years ago

7. Multi-Language Setup

You can skip this setup for now. This is not a mandatory setup to run this app.

So, we have used 3 languages in this app. English, Spanish & Arabic.

You can add as many languages as you want. The multi-language feature is only for all of the static texts in the app. It's static and not related to the database.

English is the default & Starting Language. You can change the default language too if you want.

Editing An Existing Language

If your language is already available on the list and you want to make some changes, then follow the steps below:

Example: If your want to change some text in the Spanish language, then open the assets/translations/es.json file and edit only right-side values.

Don't edit the keys (Left side values)

Adding A New Language

If you want to add a new language that is not available in the default list, follow the steps below:

First, go to the assets/translations folder from your IDE. Add a .json file here with your_language_code.json name. Now go to the assets/translations/en.json file and copy everything from this file and paste to your_language_code.json file.

Now, Rename the all right-side strings. Look at the es.json file and you will understand what to do.

Don't edit the keys (Left side values)

Now go to lib/main.dart file and add your language code to supportedLocals.

Your code should look like this:

supportedLocales: [Locale('en'), Locale('es'), Locale('your_language_code')],

Now go to lib/config/config.dart file and add your Language name at the bottom of the list by adding a comma.

Now go to lib/widgets/language.dart file and enable the disabled lines by removing slashes and rename your_language_code and language_name that you added to the list.

For Android, you don’t have to do anything.
For iOS, go to ios/Runner/Info.plist and add your language code in a string. Look at the picture below.

Add <string>your_language_code</string> inside the array. That's it

Removing An Existing Language

To remove any language that is available in the list, please follow the steps below:

Go to the asset/translations folder and delete the your_language_code.json file that you want. (You shouldn't delete the en.json file because this is the default language).
Now go to lib/main.dart and remove the locale from the supportedLocale line.
Go to lib/widgets/language.dart file and remove the else if section of language code that you want to delete.
And finally go to ios/Runner/Info.plist and remove the string. That’s it. (Only for iOS)

Start Locale Setup

English ('en') is added as the start language of the app by default. If you want to add any other language as a Start Language then go to the lib/main.dart file and replace the startLocale and the fallbackLocale with your language code. That's it.

Previous6.2 iOS Notification Setup Next8. Ads Setup

Last updated 2 years ago

You can skip this setup for now. This is not a mandatory setup to run this app.

So, we have used 3 languages in this app. English, Spanish & Arabic.

You can add as many languages as you want. The multi-language feature is only for all of the static texts in the app. It's static and not related to the database.

English is the default & Starting Language. You can change the default language too if you want.

Editing An Existing Language

If your language is already available on the list and you want to make some changes, then follow the steps below:

Example: If your want to change some text in the Spanish language, then open the assets/translations/es.json file and edit only right-side values.

Don't edit the keys (Left side values)

Adding A New Language

If you want to add a new language that is not available in the default list, follow the steps below:

First, go to the assets/translations folder from your IDE. Add a .json file here with your_language_code.json name. Now go to the assets/translations/en.json file and copy everything from this file and paste to your_language_code.json file.

Now, Rename the all right-side strings. Look at the es.json file and you will understand what to do.

Don't edit the keys (Left side values)

Now go to lib/main.dart file and add your language code to supportedLocals.

Your code should look like this:

supportedLocales: [Locale('en'), Locale('es'), Locale('your_language_code')],

Now go to lib/config/config.dart file and add your Language name at the bottom of the list by adding a comma.

Now go to lib/widgets/language.dart file and enable the disabled lines by removing slashes and rename your_language_code and language_name that you added to the list.

For Android, you don’t have to do anything.
For iOS, go to ios/Runner/Info.plist and add your language code in a string. Look at the picture below.

Add <string>your_language_code</string> inside the array. That's it

Removing An Existing Language

To remove any language that is available in the list, please follow the steps below:

Go to the asset/translations folder and delete the your_language_code.json file that you want. (You shouldn't delete the en.json file because this is the default language).
Now go to lib/main.dart and remove the locale from the supportedLocale line.
Go to lib/widgets/language.dart file and remove the else if section of language code that you want to delete.
And finally go to ios/Runner/Info.plist and remove the string. That’s it. (Only for iOS)