Search for a command to run...
I am a highly dedicated Flutter developer with a strong passion for creating impactful apps that enhance productivity, streamline record-keeping, and facilitate data-driven decision making. My goal is to contribute to the success of companies by leveraging my skills in Flutter development.
No comments yet. Be the first to comment.
Introduction In this article I'll share with you how to fix'AssetManifest' is imported from both 'package:flutter/src/services/asset_manifest.dart' and 'package:google_fonts/src/asset_manifest.dart'. When you run your flutter app you might notice thi...
Introduction Have you updated Xcode to 14.3 and now you see the error missing file libarclite_iphonesos.a? If yes, you are reading the correct article. I'll share with you how I fixed the error. Solution Open Xcode Select pods Select a package in ...
Introduction Have you updated Xcode to 14.3 and now your archive fails? If yes, you are reading the correct article. I'll share with you how I fixed failed Archive on Xcode 14.3. The solution When the archive failed you might have seen the rsync erro...
Introduction In this article, I'll share with you how I fixed a failed flutter build app bundle command. When I ran flutter build app bundle in my terminal I got the below error. Execution failed for task ':app:signReleaseBundle'. > A failure occurre...
Welcome to this comprehensive tutorial where we will delve into the key steps required to internationalize your Flutter app. We'll focus on the essentials and provide you with a clear understanding of the process. For more detailed explanations and advanced use cases, you can refer to our recommended resource on Internationalizing Flutter apps.
To get started, follow these steps:
flutter pub add flutter_localizations --sdk=flutter
flutter pub add intl:any
pubspec.yaml file, add the following code under the Flutter section: # The following section
is specific to Flutter.
flutter:
generate: true # Add this line
l10n.yaml file in the root folder of your project: touch l10n.yaml
Open the l10n.yaml file and add the following content:
arb-dir: lib/l10n
template-arb-file: app_en.arb
output-localization-file: app_localizations.dart
Specify the arb-dir parameter with the folder path where your .arb file will be stored.
Set the template-arb-file parameter with the name of your .arb file. The naming convention is app_<language_code>.arb , where <language_code> represents the language code (e.g., "en" for English, "es" for Spanish). You can create multiple .arb files for different languages you intend to support.
arb folder and the app_en.arb file: mkdir lib/l10n
touch lib/l10n/app_en.arb
lib/l10n/app_en.arb and add the following content: {
"materialAppTitle": "localizations Sample App'
}
flutter gen-l10n
To integrate localization into you app, follow these steps:
main.dart , import app_localizations.dart : import 'package:flutter_gen/gen_l10n/app_localizations.dart';
MaterialApp widget, add AppLocalizations.localization as the localizationsDelegates parameter and AppLocalizations.supportedLocales as the supportedLocales parameter: MaterialApp(
localizationsDelegates: AppLocalizations.localizationsDelegates,
supportedLocales: AppLocalizations.supportedLocales,
home: Builder(builder: (context) {
return Scaffold(
body: Center(child: Text(AppLocalizations.of(context)!.materialAppTitle)),
);
}),
);
app_en.arb file, run flutter gen-l10n to update it. Alternatively, if you're using Visual Studio Code, right-click on the app_en.arb file and select "Generate Localizations".
Congratulations!, You have successfully added localization to your Flutter app. Make sure to bookmark this tutorial for future reference in your upcoming Flutter projects. By implementing localization, you can reach a wider audience and provide a more personalized experience for your users.