r13n

Description:

r13n

🌐 r13n #







A Flutter package that makes regionalization easy. Heavily inspired by flutter_localizations and intl.
Similar to l10n which is short for localization, this package is called r13n as shorthand for regionalization.
Developed with 💙 by Very Good Ventures 🦄
What is regionalization? 📍 #
Regionalization helps you display text in the app based on a person's region.
Example: Say your app’s users are in the US and the UK. On your support page, you want to display the correct support email based on the user’s region. You can use the r13n package to display [email protected] to users in the UK and [email protected] to users in the US.
Similarly, l10n helps you display translations based on the user’s locale.
Example: When using l10n, your app will display text in the user’s preferred language.
The r13n package can and should be used in conjunction with l10n. r13n is an additional mechanism to personalize information presented to users in an app.
How it works ⚙️ #
Similar to l10n, the r13n package uses .arb files to house the region-specific configurations.
The arb file contains strings for region-specific values. The r13n brick is used to generate compile-safe Dart code in order to access the correct versions of each value based on the user's region.
Quick Start 🚀 #

For each supported region, add a new .arb file in lib/r13n/arb.

├── r13n
│ ├── arb
│ │ ├── app_gb.arb
│ │ └── app_us.arb
copied to clipboard

Add the translated strings to each .arb file:

app_us.arb
{
"@@region": "us",
"supportEmail": "[email protected]"
}
copied to clipboard
app_gb.arb
{
"@@region": "gb",
"supportEmail": "[email protected]"
}
copied to clipboard

If you don't already have mason_cli, use the following command:

$ dart pub global activate mason_cli
copied to clipboard

Then, install the r13n brick globally.

$ mason add r13n -g
copied to clipboard

Add a new yaml file to the root directory of the Flutter project called r13n.yaml with the following content:

arb-dir: lib/r13n/arb
template-arb-file: app_us.arb
copied to clipboard

Generate files.

$ mason make r13n --on-conflict overwrite
copied to clipboard
├── r13n
│ ├── arb
│ │ ├── gen
│ │ │ ├── app_regionalizations_gb.g.dart
│ │ │ ├── app_regionalizations_us.g.dart
│ │ │ └── app_regionalizations.g.dart
│ │ ├── app_us.arb
│ │ └── app_gb.arb
copied to clipboard

Add a Regionalizations widget to the widget tree.

class MyApp extends StatelessWidget {

@override
Widget build(BuildContext context) {
return Regionalizations(
region: Region.fromPlatform(),
delegates: const [AppRegionalizations.delegate],
child: MaterialApp(...)
...
);
copied to clipboard

Use the new string.

import 'package:example/r13n/r13n.dart';

@override
Widget build(BuildContext context) {
final r13n = AppRegionalizations.of(context);
return Text(r13n.supportEmail);
}
copied to clipboard
Roadmap 🗺 #

❌ Support asynchronous delegates
❌ Support regionalization based on IP address
❌ Provide API's to support sub-regions (for example, states in the U.S.)

Additional Resources 📚 #
For more information, see the example, the r13n brick and the source code.