Setup Multi-Language

en.json -> English file
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),
)
​

Config Your App - Previous

Update API Url

Next - Config Your App

Copy Flutter Framework to iOS Folder

Last modified 2yr ago

Copy link