Check Mobile App
Read now

Multi-lingual In Flutter

Save

Before starting our blog topic Multi-lingual In Flutter, let’s discuss multilingually. What is multilingual? and why do we need it in flutter application development? Multilingual is related to the multiple languages that an application is supported.

Whenever we developed any application, for accessing a large number of users of different countries or different communities, your application must support the language that users understand. With the support of multiple languages, you can ensure a large amount of users group for your application.

Let’s start the implementation of the Multi-lingual In Flutter project and get to know how we improvise the user experience of the flutter application.

1. Add the localization package into pubsec.yaml folder

We have added the flutter_localization dependency and int1 dev dependency for the null check. You can add the updated version on int1 dependency.

 

2. Add the Strings files in assests folder.

Now, we will add the different JSON files in the assets folder, which consists of the strings values for the application. We have added the “en.json” & “ar.json” files, as we are doing with Arabic and English translation. You can add multiple files as per your requirements.

3. Create a Language translation file.

In this post, we will look at the process of translating a language into English. We will create a translation file, which will be used to fetch the data from the assets locale directory.When the string name did not matches with existing string then it will return the blank strings.

The LanguageDelegate class will load the LanguageTranslation class whenever a locale changes. The Delegate class check the localization is supported or not and load the language translation class when it changes. It will also extend the “LocalizationDelegate” class if the locale does not change. 

 

4. Use the localization in main.dart

In the material app, we will add the support for the delegate class and translation class and passes it to the parent widget:

Now, in every where from whole app, you should use LanguageTranslation’s “value” method in order to get the string values according to the locale.

 


Output :

Conclusion:

You can use multi-lingual for enhancing the user experience and increase the users for your application of different languages

Hope this blog helps you to understand the basic uses of the Multi-lingual In Flutter.

Thank you for reading!!

For more information, you can visit the Dev Console.

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

css.php

Big thanks to Webkul and his team for helping get Opencart 3.0.3.7 release ready!

Deniel Kerr

Owner and Founder. Opencart

Talk to Sales
Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home