flutter-localizing-apps

Configures Flutter apps for multi-language support using ARB files and gen-l10n code generation.

1|Updated Apr 30, 2026
One-click install
npx skills add https://github.com/Wishtohear/bucket-water-oms --skill flutter-localizing-apps-wishtohear
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: flutter-localizing-apps
Source: https://github.com/Wishtohear/bucket-water-oms/tree/main/bucket-water-oms-admin-mobile/skills/flutter-localizing-apps
Command: npx skills add https://github.com/Wishtohear/bucket-water-oms --skill flutter-localizing-apps-wishtohear

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires flutter_localizations, intl.

What problem does it solve? Setting up internationalization in Flutter involves coordinating pubspec dependencies, l10n.yaml configuration, ARB resource files, and platform-specific settings like the iOS app bundle, which is error-prone when done manually. ## Core Features & Use Cases - Localization Setup: Configures flutter_localizations, intl, and the gen-l10n tool to generate a typed AppLocalizations class from ARB files. - Advanced Message Formatting: Supports placeholders, plurals, gender selects, and date/number formatting via the intl library. - Platform Integration: Covers MaterialApp delegate wiring, supportedLocales declaration, and iOS Xcode bundle localization for App Store readiness. - Use Case: You need to ship your Flutter app in English, Spanish, and Chinese. Use this Skill to scaffold the ARB files, wire up delegates, handle script-specific locales like zh-Hans, and validate everything with flutter gen-l10n. ## Quick Start Add multi-language support to my Flutter app with English and Spanish using ARB files and generated localizations.

Frequently Asked Questions about flutter-localizing-apps

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add multiple languages to a Flutter app?▼

Add flutter_localizations and intl to pubspec.yaml, set flutter generate to true, and create an l10n.yaml pointing to your ARB directory. Define strings in a template ARB file, add translated ARB files per locale, then list the locales in MaterialApp's supportedLocales.

How to use plurals and placeholders in Flutter localization?▼

Define ICU message syntax in ARB files, such as {count, plural, =0{none} other{{count} items}}, and declare placeholder types in the @key metadata block. The gen-l10n tool generates typed methods accepting those parameters.

Does Flutter localization support Chinese simplified and traditional?▼

Yes, use Locale.fromSubtags with languageCode zh and scriptCode Hans or Hant to distinguish variants. This prevents Flutter from resolving to an unexpected locale when both scripts are supported.

Why does Flutter show No MaterialLocalizations found error?▼

This error occurs when widgets like TextField lack a Localizations ancestor with MaterialLocalizations delegates. Ensure the widget sits under MaterialApp, or wrap standalone trees in a Localizations widget with DefaultMaterialLocalizations.delegate.

Do I need Xcode configuration for Flutter iOS localization?▼

Yes, iOS requires bundle-level localization for the App Store and system settings. Open ios/Runner.xcodeproj, go to the Info tab, and add each supported language under the Localizations section.