# 6. Multi-Language Setup

{% hint style="success" %}
You can skip this setup for now. This is not a mandatory setup to run this app.
{% endhint %}

So, we have used 10 languages in this app. English, Spanish, Hindi, Arabic, Portuguese, French, Chinese, German, and Indonesian.

{% hint style="info" %}
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.
{% endhint %}

{% hint style="info" %}
English is the default and starting Language. You can change the default language too if you want.
{% endhint %}

## 6.1 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 you want to change some text in the Spanish language, then open the **assets/translations/es-ES.json** file and edit only **right-side values**.

<figure><img src="https://3680394644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyaJJT5ZOPh9eibDKGSOc%2Fuploads%2F4JYrd7fDWsjMyZntSMH8%2Fimage.png?alt=media&#x26;token=6201d594-3ae4-4abb-bf5c-69784a24c93d" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Don't edit the keys (Left side values)
{% endhint %}

{% hint style="danger" %}
If you find any characters in the right-side values like this below, don't remove them.

<mark style="color:green;">**{}**</mark>
{% endhint %}

## 6.2 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 <**language\_code>-\<country\_code>.json** name. Now go to the **assets/translations/en-US.json** file and copy everything from this file and paste it to your newly created .json file.

<div align="left" data-full-width="false"><figure><img src="https://3680394644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyaJJT5ZOPh9eibDKGSOc%2Fuploads%2Fqvy5W2a3XhIrNfTsUnxI%2Fimage.png?alt=media&#x26;token=9be2100b-611f-4153-8f82-74130a81d144" alt=""><figcaption></figcaption></figure></div>

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

{% hint style="warning" %}
Don't edit the keys (Left side values)
{% endhint %}

{% hint style="danger" %}
If you find any characters in the right-side values like this below, don't remove them.

<mark style="color:green;">**{}**</mark>
{% endhint %}

* Now go to **lib/config/language\_config.dart** the file and add your language code to the **language** list.

<div align="left"><figure><img src="https://3680394644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyaJJT5ZOPh9eibDKGSOc%2Fuploads%2FIyGWPiIeE78HKy1ivNBR%2Fimage.png?alt=media&#x26;token=98bd5f0f-7a24-46d5-a5cf-e369a9072128" alt=""><figcaption></figcaption></figure></div>

Your code should look like this:

```
"<Language_Name>": [<'Language_Code'>, <'COUNTRY_CODE'> ]
```

* 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.

<figure><img src="https://3680394644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyaJJT5ZOPh9eibDKGSOc%2Fuploads%2Ff3HPWO1ScN8L5DF0tQwO%2Fimage.png?alt=media&#x26;token=5601f7b1-5ef1-4c3a-b9ef-f4bb887b699b" alt=""><figcaption></figcaption></figure>

* Add  **\<string>your\_language\_code\</string>** inside the array. That's it.

***

## 6.3  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-US.json file because this is the default language).
> * Now go to **lib/config/language\_config.dart** file and remove the list item that you want to remove from the **langauges** list.
> * And finally go to **ios/Runner/Info.plist** and remove the string. That’s it. (Only for iOS)

***

## 6.4 Start Locale Setup

English 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/language\_config.dart** file and replace the **startLocale** value with your locale value.

***

## 6.5 Disable Multi-Language Feature

You can disable the multi-language feature if you want. For this case, English will be used as the default and only language in the app. If you do that, the changing language option will be hidden from the app and the app will run with the default language.

To disable it go to the **lib/configs/features\_config.dart** file and set the **isMultilanguageEnbled** value to **false**.

<figure><img src="https://3680394644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyaJJT5ZOPh9eibDKGSOc%2Fuploads%2FH5fjLoSbwIapESs1uzBs%2Fapp_features_customizations.png?alt=media&#x26;token=e5f1b3bc-5295-45b4-9655-e4ef4e307fd2" alt=""><figcaption></figcaption></figure>