Update MaterialApp<\/strong>: Make changes to the Material App widget to support different languages:<\/li>\n<\/ol>\nimport \u2018package:flutter\/material.dart\u2019;<\/em><\/p>\nimport \u2018package:flutter_localizations.dart\u2019;<\/em><\/p>\nvoid main() {<\/em><\/p>\n\u00a0runApp(MyApp());<\/em><\/p>\n}<\/em><\/p>\nclass MyApp extends StatelessWidget {<\/em><\/p>\n\u00a0@override<\/em><\/p>\n\u00a0Widget build(BuildContext context) {<\/em><\/p>\n\u00a0\u00a0 return MaterialApp(<\/em><\/p>\n\u00a0\u00a0\u00a0\u00a0 \/\/ Add these lines to support localization<\/em><\/p>\n\u00a0\u00a0\u00a0\u00a0 localizationsDelegates: [<\/em><\/p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 GlobalMaterialLocalizations.delegate,<\/em><\/p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 GlobalWidgetsLocalizations.delegate,<\/em><\/p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 GlobalCupertinoLocalizations.delegate,<\/em><\/p>\n\u00a0\u00a0\u00a0\u00a0 ],<\/em><\/p>\n\u00a0\u00a0\u00a0\u00a0 supportedLocales: [<\/em><\/p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 const Locale(\u2018en\u2019, \u201d), \/\/ English<\/em><\/p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 const Locale(\u2018es\u2019, \u201d), \/\/ Spanish<\/em><\/p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Add more languages here<\/em><\/p>\n\u00a0\u00a0\u00a0\u00a0 ],<\/em><\/p>\n\u00a0\u00a0\u00a0\u00a0 locale: Locale(\u2018en\u2019), \/\/ Default language<\/em><\/p>\n\u00a0\u00a0\u00a0\u00a0 home: MyHomePage(),<\/em><\/p>\n\u00a0\u00a0 );<\/em><\/p>\n\u00a0}<\/em><\/p>\n}<\/em><\/p>\nIn this setup:<\/p>\n
\n- localizationsDelegates<\/strong>: These help Flutter to handle language-specific tasks like formatting dates and numbers.<\/li>\n
- supportedLocales<\/strong>: List the languages your app will support. Each Locale entry represents a language (like \u2018en\u2019 for English) and optionally a region (like \u2018US\u2019 for United States).<\/li>\n
- locale<\/strong>: Specifies the default language your app will use.<\/li>\n<\/ul>\n
Updating these settings makes your app ready to speak different languages and connect with users globally.<\/p>\n
<\/span>Add Locales<\/strong><\/span><\/span><\/h3>\nThe supportedLocales in MaterialApp tells your app which languages it can handle. Each locale, defined with a Locale object, includes a language code (like \u2018en\u2019 for English) and sometimes a country code (like \u2018US\u2019 for United States).<\/p>\n
This helps your app speak the right language and fit in wherever it\u2019s used.<\/p>\n
supportedLocales: [<\/em><\/p>\n\u00a0const Locale(\u2018en\u2019, \u201d), \/\/ English<\/em><\/p>\n\u00a0const Locale(\u2018es\u2019, \u201d), \/\/ Spanish<\/em><\/p>\n\u00a0const Locale(\u2018fr\u2019, \u201d), \/\/ French<\/em><\/p>\n\u00a0const Locale(\u2018de\u2019, \u201d), \/\/ German<\/em><\/p>\n\u00a0\/\/ Add more locales as needed<\/em><\/p>\n],<\/em><\/p>\n<\/span>Providing Delegates<\/strong><\/span><\/span><\/h3>\nTo make sure your Flutter app can speak different languages and look right for every user, you need localization delegates. These delegates are like expert translators for your app\u2019s interface:<\/p>\n
Include these experts in your MaterialApp settings:<\/em><\/p>\nlocalizationsDelegates: [<\/em><\/p>\n\u00a0GlobalMaterialLocalizations.delegate,<\/em><\/p>\n
![\"A](\"https:\/\/www.xavor.com\/wp-content\/uploads\/2024\/08\/flutter-app-1024x588.png\")
<\/p>\n