10.2. Internationalisation et localisation dans Flutter : configuration de l'environnement pour l'internationalisation

L'internationalisation et la localisation sont des aspects fondamentaux du développement d'applications, car elles permettent à l'application d'être utilisée par des personnes de différentes régions et parlant des langues différentes. Flutter et Dart proposent des outils puissants pour faciliter l'internationalisation et la localisation des applications. Dans ce texte, nous apprendrons comment configurer l'environnement pour l'internationalisation dans Flutter.

Avant de commencer, il est important de comprendre ce que sont l'internationalisation et la localisation. L'internationalisation (i18n) est le processus de conception et de préparation de votre application pour qu'elle soit utilisée dans différentes langues et régions. La localisation (l10n) est le processus de traduction de contenu internationalisé et d'adaptation de l'application à des régions spécifiques.

Configuration de l'environnement pour l'internationalisation

Pour démarrer l'internationalisation dans Flutter, nous devons effectuer une configuration initiale. Tout d'abord, vous devrez ajouter la dépendance flutter_localizations à votre fichier pubspec.yaml :

dépendances : battement: SDK : flottement flutter_locations : SDK : flottement

Ensuite, vous devrez importer le package flutter_localizations dans votre fichier main.dart et ajouter les localisations prises en charge par l'application :

importer 'package:flutter_localizations/flutter_localizations.dart' ; vide main() { runApp(MatérielApp( localisationsDélégués : [ GlobalMaterialLocalizations.delegate, GlobalWidgetsLocalizations.delegate, ], Paramètres locaux pris en charge : [ const Locale('en', 'US'), // Anglais const Locale('es', 'ES'), // Espagnol // ... autres paramètres régionaux pris en charge par l'application ], )); }

Les délégués d'emplacement sont des classes qui produisent des collections localisées de valeurs spécifiques. GlobalMaterialLocalizations.delegate fournit des chaînes et des mises en page localisées pour la bibliothèque Material Components. GlobalWidgetsLocalizations.delegate définit le texte directionnel par défaut pour le widget MaterialApp.

Maintenant, vous devez créer un fichier Dart pour chaque langue prise en charge par l'application. Chaque fichier Dart doit contenir une classe qui étend les localisations et implémente toutes les chaînes qui seront utilisées dans l'application. Par exemple, pour l'anglais, vous pouvez créer un fichier appelé app_localizations_en.dart :

la classe AppLocalizationsEn étend les localisations { // ... mettez vos chaînes localisées ici }

Pour chaque chaîne que vous souhaitez rechercher, vous devez ajouter une propriété getter. Par exemple, si vous avez une chaîne « bonjour », vous pouvez ajouter le code suivant :

String get bonjour => "Bonjour" ;

Pour utiliser la chaîne localisée dans votre application, vous pouvez utiliser la méthode Localizations.of(). Par exemple :

Text(Localizations.of(context, AppLocalizationsEn).hello)

Cela affichera la chaîne "Bonjour" si la langue actuelle de l'application est l'anglais.

Pour ajouter la prise en charge d'une autre langue, vous devez créer un autre fichier Dart et une autre classe qui étend les localisations. Par exemple, pour l'espagnol, vous pouvez créer un fichier appelé app_localizations_es.dart et ajouter la classe suivante :

la classe AppLocalizationsEs étend les localisations { // ... mettez vos chaînes localisées ici }

Ensuite, vous devez ajouter le nouvel emplacement à la liste prise en charge par l'application :

Paramètres locaux pris en charge : [ const Locale('en', 'US'), // Anglais const Locale('es', 'ES'), // Espagnol const Locale('fr', 'FR'), // Français // ... autres paramètres régionaux pris en charge par l'application ],

En résumé, l'internationalisation et la localisation dans Flutter impliquent de configurer l'environnement pour prendre en charge plusieurs langues, de créer des fichiers Dart pour chaque langue avec des classes qui étendent les localisations et d'utiliser la méthode Localizations.of() pour afficher les chaînes localisées. Ce processus vous permet de créer des applications pouvant être utilisées par des utilisateurs de différentes régions et parlant différentes langues.

Répondez maintenant à l’exercice sur le contenu :

Que faut-il pour configurer l’internationalisation dans Flutter ?

1

Ajoutez la dépendance flutter_localizations au fichier pubspec.yaml, importez le package flutter_localizations dans le fichier main.dart et ajoutez les localisations prises en charge par l'application.

2

Traduisez tout le code de l'application dans toutes les langues prises en charge.

3

Créez une nouvelle application pour chaque langue prise en charge.

Tu as raison! Félicitations, passez maintenant à la page suivante

Vous avez raté! Essayer à nouveau.

Page suivante de lebook gratuit :

136Internationalisation et localisation dans Flutter : traduction de chaînes

3 minutes

Obtenez votre certificat pour ce cours gratuitement ! en téléchargeant lapplication Cursa et en lisant lebook qui sy trouve. Disponible sur Google Play ou App Store !