Links

Setup Multi-Language

en.json -> English file
  1. 1.
    Add json for new language into folder /i18n. Ex: en.json
  2. 2.
    Open lib/main.dart
    supportedLocales: [Locale('en', 'US')],
    Add Locale of new language here.
  3. 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. 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. 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),
    )