# Setup Multi-Language

![en.json -> English file](https://238294923-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M34BmGZvTm8CQXo2r6U%2F-M3b8Fb51wVOrjrecXbF%2F-M3bOlWw3LfK66IqThMc%2FScreen%20Shot%202020-03-30%20at%2000.46.29.png?alt=media\&token=e4d3ec66-4d7a-411d-9dab-0cc2cfb98d94)

1. Add json for new language into folder /i18n. Ex: en.json
2. Open lib/main.dart

   ```
   supportedLocales: [Locale('en', 'US')],
   ```

   Add Locale of new language here.�
3. Open lib/localization/Localized.dart

   ```
   @override 
   bool isSupported(Locale locale) {
     return ['en'].contains(locale.languageCode);
   }
   ```

   Add your language code in to this array. Ex: \["en", "vn", "fr"]�
4. Open lib/localization/LocalizedKey.dart

   ```
   class LocalizedKey {
     LocalizedKey._();

     static const String exploreTheWorld = "Explore the world";
     static const String enterACityOrLocation = "Enter a city or location";
     static const String popularCities = "Popular cities";
     static const String viewAll = "View All";
     static const String travelInspiration = "Travel Inspiration";
     static const String viewMore = "View More";
     static const String allCities = "All Cities";
     static const String home = "Home";
     static const String readMore = "Read more";
     static const String cityInfomation = "City Infomations";
     static const String filter = "Filter";

   }
   ```

   Add key here.
5. How to use?

   ```
   Localized.of(context).trans(LocalizedKey.exploreTheWorld)
   ```

   In Text component:

   ```
   Text(
     Localized.of(context).trans(LocalizedKey.exploreTheWorld) ?? "",
     style: TextStyle(
         fontFamily: GoloFont,
         fontWeight: FontWeight.w600,
         fontSize: 32),
   )
   ```

   �