Flutter internationalized Intl

Intl It's official , Include for handling internationalization / Localized messages , Date and number format and parsing , Two way text and other international issues .

• pub Address ：intl | Dart Package
• Github Address ：https://github.com/dart-lang/intl

There was a better one before Android Studio Plug in for ：Flutter i18n

• But this plug-in has been out of maintenance for a long time , So it is no longer recommended for everyone

At present, we can use another plug-in ：Flutter Intl

• The plug-in is updated and maintained frequently , And widely praised ;
• in addition , stay Android Studio and VSCode Both of them support

Intl Use

step 1：Android Studio Add the plug-in

step 2： Add dependency flutter_localizations

 In the project  pubspec.yaml  In file   Used to generate  dart  file 

dev_dependencies:
  flutter_localizations:
    sdk: flutter

Note that ：dev_dependencies:

And then update it ！

step 3：Flutter Intl Initialize project （ for the first time ）

  After success , Automatically in pubspec.yaml At the end of the increase

flutter_intl:
  enabled: true

And in lib Lower generation generated and l10n

The document states ：

• generated Under bag intl Directory default generation messages_all.dart and messages_en.dart file ,messages The first file does not need to be modified manually , It's generated automatically
• generated Under bag I10n.dart yes Localizations and Delegate The implementation of the , No need to modify it manually , It's generated automatically
• l10n There is a intl_en.arb file , This is the English international language content generated by the system by default

step 4： Add language ( chinese -zh)

zh  Is the support of Chinese ; Should be default lntl Only joined en Support for

step 5： Add system internationalization support

pubspec.yaml Add package dependency... To the file

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter

MaterialApp modify ：

MaterialApp(
  ...
  localizationsDelegates: [
    S.delegate,
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
    GlobalCupertinoLocalizations.delegate,
  ],
  supportedLocales: S.delegate.supportedLocales,
  ...
)

edit l10n Under folder   .arb file according to json:

{
  "app_name": "GBM",
  "confirm": " confirm ",
  "cancel": " Cancel "
}

.arb The file also supports Parameter passing

{
  "app_name": "GBM",
  "confirm": " confirm ",
  "cancel": " Cancel ",
  "msg": "GBM:{msg}"
}

S.of(context).app_name
S.of(context).msg(" Hello everyone ")

  No, context When using this ：

S.current.app_name

There is a problem .arb： It doesn't seem to support object ( Cannot nest ); Can only key  value:

  In this case, there will be more configurations , Then maintain it It's sour !

I don't know Is there a good plan ？ For recommendation