Flutter Heroes

New post on /r/flutterdev subreddit:

How do you do i18n/l10n?
TL&DR consider easy_localization and its companion easy_localization_loader.(Longer version...)I am looking for a i18n/l10n design + solution for a project I am working on. As a new comer to Flutter and mobile development in general, I was surprised to learn that there is no officially recommended way for something I'd consider fundamental to all app design.AFAIK the closest to "official' approach is described under Internationalization on flutter.dev . To be honest, this page reads like techno soup to me. There are a lot of boiler plate code, and the examples presented isn't what I'd consider simple, scalable, and realistic. Mentioned as an option is the intl package, which seems to be popular based on down stream dependent packages on pub.dev. I looked into it and thought it is quite feature complete but still seems a little code heavy for simple usage. So I looked around and tried out a few other i18n packages, and finally I found easy_localization and it's companion easy_localization_loader.Within minutes I got it working with minimal code changes to my app. All I had to do is:add plugin to dependencyadd json file for each supported locale to my projectwrap my run app as described in the example (copy pasta below)

import 'package:flutter/material.dart'; import 'package:flutter_localizations/flutter_localizations.dart'; import 'package:easy_localization/easy_localization.dart'; void main() { runApp( EasyLocalization( supportedLocales: [Locale('en', 'US'), Locale('de', 'DE')], path: 'assets/translations', // <-- change patch to your fallbackLocale: Locale('en', 'US'), child: MyApp() ), ); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( localizationsDelegates: context.localizationDelegates, supportedLocales: context.supportedLocales, locale: context.locale, home: MyHomePage() ); } }

After that anywhere in my code whenever I have a localized string I just have to wrap it with tr(). e.g.

Text(tr('welcome')); // instead of Text('welcome')

I was also surprised to find that to save a user's preferred locale to local storage is just a boolean flag. It uses shared_preferences under the hood and I verified that it works on ios and android, and gracefully fail without breaking anything in web.In the future I intend to load the resource strings remotely, and I was pleasantly surprised again that the companion easy_localization_loader offers an http loader that can be configured as an easy one liner.Looking over on the package's github page, seems like the community is very active, another good sign. The fact that it relies on intl as the underlying foundation also makes me feel better that I have access to the other features such as gender, number, datetime formatting etc.Seeing that there aren't other post talking about this great plugin, I decided to write a post about it to raise awareness among fellow flutter enthusiasts.

May 19, 2020 at 08:11PM by BeGoodOne
https://ift.tt/2WInjTE

Dart packages

easy_localization | Flutter package

Easy and Fast internationalizing and localization your Flutter Apps, this package simplify the internationalizing process .

603 views18:35