New Localization (Flutter 1.22): i18n and l10n support

Arathi Shankri
Flutter Community
Published in
4 min readOct 19, 2020

--

Courtesy: Flutter

Flutter 1.22 introduced in-built support for internationalization (i8n) and localization (l10n). In the earlier versions of Flutter, we used “intl_translation” plugin to incorporate localization in my app.

Did you know? i18n, is a numeronym for the word “internationalization” i.e between “i” and “n” there are 18 letters. Same goes with l10n for localization.

USE CASE

How to implement localization and internalization in Flutter 1.22 with VS code.

In general, every string literal that is displayed on the app is maintained for every locale (language) in a JSON file with “.arb” extension (application resource bundle). These string literals are made accessible through dart code and whenever a user changes the language settings, the corresponding dart variable/method is read.

In this article, we will see how to use the new in-built Flutter support for i8n and l10n.

STEP 1 — Flutter plugin for VS code

Install the flutter internationalization plugin for VS Code. This plugin will help in generating the necessary .arb files using the “Flutter Intl” commands.

STEP 2 — Pubspec changes

--

--