Flutter Tutorial - Create Multi Language App (i18n) | Internationalization In Flutter

[@HeyFlutter]

This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/internationalization_app Docs Internationalization: docs.flutter.dev/development/accessibility-and-localization/internationalization Change Language Translation MANUALLY In App Tutorial: kzbin.info/www/bejne/kKiXfKKlp7urnck Null Safety Introduction Tutorial: kzbin.info/www/bejne/hp-2oYShhLCqrJI Migrate Flutter App To Null Safety Tutorial: kzbin.info/www/bejne/fX3RgqOefc5keLs TOP 10 Flutter Questions Answered: kzbin.info/www/bejne/Zl7KhJKAibGql68 Expand Floating Action Button Tutorial: kzbin.info/www/bejne/j3mxdIycpqyleLs Home Screen Quick Actions Popup Tutorial: kzbin.info/www/bejne/qaLaXqeXh5eSjdk Hide/Show AppBar/Pinned TabBar On Scroll Tutorial: kzbin.info/www/bejne/rquziaSHYrWYaMk Hide/Show Bottom Navigation Bar On Scroll: kzbin.info/www/bejne/pqPCeKJvfpZsiaM Hide/Show Widgets In Flutter Tutorial: kzbin.info/www/bejne/g6Ksc4KifJx3qtU Show iOS Popup Alert Dialog Tutorial: kzbin.info/www/bejne/i4q5qp-Bpsl-iLs Show Material Banner Tutorial: kzbin.info/www/bejne/jYnQp5Wpes2Ajc0 Show Toast Message Tutorial: kzbin.info/www/bejne/pWPXomeIgsh0gNk Show SnackBar Tutorial: kzbin.info/www/bejne/h5C8gJKPatplhsk Show/Hide Bottom Sheet Tutorial: kzbin.info/www/bejne/d5ukgpqif7CWmJY Show/Hide Navigation Drawer Tutorial: kzbin.info/www/bejne/rIuap5eDpNBsbsk Amazing Lottie Animations Tutorial: kzbin.info/www/bejne/oaqzmq2em9NroZo QR Code Scanner Tutorial: kzbin.info/www/bejne/nnnImXx9m72Sr7c

[@cris4lomas]

I was really stucked at this point and I was getting frustrated but then I saw your video. Thanks a lot for sharing all this information!!

[@HeyFlutter]

Glad it was helpful, @cris4lomas 😀

[@goldenlife6166]

Appreciate your consistency greatly.thanku

[@patrickwitter4437]

Would be great if you provided links to documentation in description

[@HeyFlutter]

Thank you, Patrick Witter! 🙂 Here you go: docs.flutter.dev/development/accessibility-and-localization/internationalization

[@BrightCode]

Hello I love what you are providing for us Can I ask if you can do about encryption like encrypt chat messages using rsa encryption algorithm or any other method thank you very much.

[@RoseDeWittWish]

Thanks for this video. इस वीडियो के लिए धन्यवाद। Gracias por este video. Merci pour cette vidéo.

[@gustavomenezes7124]

You're amazing, thanks for ALL the help you provided us!

[@MrCamdere]

This was very helpfull too me ,danke bro !

[@dharyelsantoshonorio5890]

thank you, brother. You are awesome!

[@HeyFlutter]

You are welcome, Dharyel Santos!

[@xErnix14]

Hi Milke, nice tutorial. How does the app rebuild the widgets when you change the language? Does the package take care of it? It seems like you should manage the state somewhere to rebuild when listening to a change.

[@frijole16]

Hello Johannes! Great video! I'm wondering how this method would apply to a text-heavy app? Could we store the translations in a database and load them as needed? If so, how would that work? Sorry I'm still kinda new to this so I hope this question makes sense!

[@daumienebi]

Very useful Video, thanks a lot

[@HeyFlutter]

Glad you liked it, @daumienebi4864 😀

[@hrhr3300]

Amazing tutorial Mike!, I would like to ask if is there any tutorial to the menu to change the language locally too, since it would be useful for some cases

[@HeyFlutter]

Thanks for the idea, HrHr! 🙂 I have added it to my list of ideas for future videos!

[@shakeebahmedkhan8026]

Hello Sir! I hope you are doing well. I loved to learn from your videos. I want to ask a question sir as we know an app have multiple things. As you're adding the hello World for text. If i want to change the language of complete app by single click then i have to add all the things one by one??????????????

[@shakeebahmedkhan8026]

Sir I want to change the language of whole app like change the language of signup page, login page, dashboard etc??? Will this tutorial work for me???

[@shakeebahmedkhan8026]

You're just adding hello world in this tutorial and changing the language of that hello world only... That's why I m asking this que... I hope you'll understand what am I trying to ask?? Sorry 😐 sir for stupid question!

[@shamshushaash5251]

@@shakeebahmedkhan8026 Bro for that you need to get it from back end through API

[@shakeebahmedkhan8026]

@@shamshushaash5251 thank you bro but I m using Firebase as a backend for my application

[@MuhammedFayis-bi6jw]

@@shamshushaash5251 oh i see

[@abdelouahebbenouar6157]

But you didn't show us how to change the language inside the app , like the menu you are using at the beginning

[@HeyFlutter]

Thank You abdou Ben! Follow this link: stackoverflow.com/questions/65307961/button-to-change-the-language-flutter I hope you will get your answer 🙂

[@pritomchaki4461]

is it incomplete video? u did not show how to change language from the app..by clicking button

[@igortrapp30]

@@HeyFlutter Thanks for the excellent video, I would also like to know how to change the language from within the app, I think it's the only thing missing from it.

[@HeyFlutter]

Thank you, Pritom Chaki! 🙂. I have explained all the important things related to the topic in this video

[@whitebracket]

Thanks a lot ! .. i couldnt reatch github link to get the source code.

[@HeyFlutter]

Hey, @whitebracket 🙂 make sure to subscribe on github to access code

[@codybontecou]

Great video, I'll integrate it shortly. Any chance you could create a similar video on a11y (accessibility)?

[@codybontecou]

@@HeyFlutter Awesome, happy to help. Thanks for the great content.

[@ThePemaWangyal]

Hi! I have question? How much it cost to add multi languages program in a new developing app?

[@HeyFlutter]

Thank you, Yogtrack! 🙂. It has no cost.

[@ThePemaWangyal]

@@HeyFlutter thanks!

[@yashwanthbabu324]

Just for you information not all people india knows hindi. And there are crores of people india who doesn't know hindi. And hindi is not an indian national language and it will never become one. hi sir, i follow your videos alot and they are very infomative.

[@HeyFlutter]

Thank you, for pointing it out yashwanth babu! 🙂 let's only focus on idea behind video and not on social concerns

[@yashwanthbabu324]

@@HeyFlutter yeah sure as usually this is also very informative video,Sir. These hindi speakers shows the racial discrimination not all of them but there are people. It's all about politics. Thank you for your response keep going with your great explanatory skills.

[@shahrahman1984]

What about the alignment of the language..like English is left to right..Arabic is right to left. Will the alignment of the language also take place automatically? I don't want to translate but upload unique language texts. Pls advise.

[@HeyFlutter]

Thank you, Shah Rahman! 🙂. Yes it will.

[@mohammednihad6755]

Thanks a lot for this! But how to change the language at runtime without rebuilding the entire widget tree? Thanks again

[@mohammednihad6755]

@@HeyFlutter Thanks a lot for your valuable reply! 💙

[@HeyFlutter]

Thank You Mohammed Nihad! Follow this link: docs.flutter.dev/resources/architectural-overview I hope you will get your answer 🙂

[@OICG]

नमस्ते आपका बहुत बहुत धन्यवाद ।

[@ChenYangBee-t1h]

Hello, can you do it in retrieving the translated content by using key in the string format like ‘language’ instead of .language, because I would like to display it based on my database query By the way, thanks for your guiding 😇

[@HeyFlutter]

Thank You Chen Yang Bee! Follow this link: stackoverflow.com/questions/58021915/how-to-get-key-data-on-flutter#:~:text=You%20can%20use%20JSON%20to,fast%20with%20less%20human%20error. I hope you will get your answer 🙂

[@Fl3tscheR55]

Hey Johannes, is there a way to chance the localisation for numbers and dates? I want 2,99 instead 2.99 and 22.10.2022 instead 10/22/2022. I can't find any advice... is it so easy? 😅 I hope you can help me out!

[@HeyFlutter]

Thanks for the idea Fl3tscheR Thornbridge 😀, i have added it in my list of future videos

[@seggamulti1219]

Bro..This is a nice tutorial but you didn't mention somethings...like are we the one that's going to ask the user what language he wants the app in with a pop up or is playstore already going to provide the appropriate language as they download the app from Google play? I have already figured this out though....I feel you should have mentioned how to implement also if you get the data from probably a local database not just static data in the arb file...though you used a username parameter...that's nice though...Also what other datatypes does that stuff support??...is it normal datatypes in flutter ?? Hope you understand the question

[@mattrudin4074]

I think the following video will cover your requirement of letting a user change the language: kzbin.info/www/bejne/r6PFko2dgtl5h9U

[@HeyFlutter]

Thank You segga multi!. I showed the main functionality, which is important for this package. Learn more about it here: docs.flutter.dev/development/accessibility-and-localization/internationalization

[@abbasjafary3443]

Very nice.

[@HeyFlutter]

Thank you, abbas jafary! 🙂

[@ahmedzizo19988]

Thanks alot

[@HeyFlutter]

Glad you liked it, @ahmedzizo19988 😀

[@tripsam4655]

Hi, great video. There is an error throwing in my code at 0:59 -> (Abstract classes can't be instantiated. Try creating an instance of a concrete subtype.) on all Locale('en'),Locale('hi'),Locale('ar') etc. Code also complains about const before locale. Right now i have used Locale.fromSubtags('en') which removes the error but i don't know if its the right approach. How do i tackle this error?

[@tripsam4655]

Also, how did you reference .dart_tool at 5:42 without any error? In my code it shows "Target of URI doesn't exist: 'package:flutter_gen/gen_l10n/app_localizations.dart'. Try creating the file referenced by the URI, or Try using a URI for a file that does exist."

[@tripsam4655]

Right now i just copied all the flutter_gen files inside the lib folder. That's alright(good practice), right? It's working then.

[@linusreutter2108]

@@HeyFlutter I have the exact same issue and this article does not help me... I copied your l10n.dart file but get errors on every const and every Locale. But I dont know why :(

[@mattrudin4074]

@@linusreutter2108 in your l10n.dart file, add the following import: "import 'package:flutter/material.dart';". Locale is a class from "flutter/material", not from "intl/locale".

[@Metroyd91]

@@mattrudin4074 ty 😁

[@aminsamad6900]

Does this support Kurdish language? If not, how can I add the Kurdish language to the "ckb" or "ku" code?

[@HeyFlutter]

Thank You Amin Samad! Follow this link: pub.dev/packages/kurdish_localization I hope you will get your answer 🙂

[@MuhammedFayis-bi6jw]

how can i change the language of text which is coming from api?

[@HeyFlutter]

Hey 😊, @user-xn2or5te3i! Check out this package: pub.dev/packages/translator you can translate it on your end

[@taimoorsaleem5897]

Can we change these languages using dropdown button, if Yes than how ?

[@HeyFlutter]

Hey, Taimoor Saleem 🙂 please follow this video : kzbin.info/www/bejne/sGHMmYiYrNGGftU

[@rezwananasser1594]

I followed all of it, but the Applocalization is not generated in my app. What should I do?

[@rezwananasser1594]

@@HeyFlutter , I restarted my app, but the flutter_gen package that contains app_localization.dart not generated by itself and now my app show that "AppLocalization is undefined" at localizationsDelegate part.

[@pctconstantin1258]

hello. after providing data to receive access to your github, the mail that you send for confirm subscription does not work.Any help?

[@HeyFlutter]

Thanks, pct constantin! 🙂 Learn more about it here: github.com/JohannesMilke/sponsorware#2-why-didnt-i-get-an-email-even-if-i-have-sent-already-a-request-on-your-website

[@jayamuruganj5091]

It's also supposed in Web?. how to change language with the help of pop up. Boz it's define the Mobil local language only

[@HeyFlutter]

Thank You Jayamurugan J! Follow this link: docs.flutter.dev/development/accessibility-and-localization/internationalization I hope you will get your answer 🙂

[@nasseralyahya1138]

set playback speed to 0.75 for better catching

[@HeyFlutter]

Thanks for your feedback, @nasseralyahya1138! 🙂

[@jayprajapati3311]

sir please make a pdf to excel and excel to pdf converter app in flutter

[@alidahud337]

Hi, How do i apply the same to ios?

[@alidahud337]

because xcode is just giving me like 6 languages

[@HeyFlutter]

Thank You Ali Dahud! Follow this link: medium.com/@lumeilin301/multi-language-in-flutter-ee393b298ec5 I hope you will get your answer 🙂

[@vishwajeetpatil9381]

Why we have used intl package ?

[@HeyFlutter]

Thank You vishwajeet patil! Follow this link: pub.dev/packages/intl I hope you will get your answer 🙂

[@shive52gaming66]

How to improve SEO in flutter plz tell sir

[@HeyFlutter]

Thank You shive52gaming! Follow this link: medium.com/mindful-engineering/flutter-web-seo-friendly-317528c29cc6#:~:text=Need%20to%20add%20keywords%20meta,making%20the%20website%20SEO%20friendly. I hope you will get your answer 🙂

[@h3w45]

شكرا لك

[@edenislive]

yeah the spelling of hindi is incorrect by the way...

[@HeyFlutter]

Sorry to hear that, EdenIsLive! 🙂

[@edenislive]

@@HeyFlutter no worries great content though.

[@includejoe]

why do you have to add unnecessary stages in getting the source?? omg these ytbers tsk

[@HeyFlutter]

Thank You ʲᵒᵉ!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware

[@wd_1]

share code....

[@HeyFlutter]

Thank You Elsevar!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware

[@زيزوالانطاكي]

previuosly, you provided a free source code, and we share your videos but now you wasting out time to got the code!

[@HeyFlutter]

Thank you, زيزو الانطاكي! 🙂

[@Hellowow0112]

Its hindi not hanidi

[@HeyFlutter]

Thanks for your feedback, RAHUL PRAJAPATI! 🙂

[@Hellowow0112]

@@HeyFlutter welcome brother

[@zakariaelaaliji7747]

no israel, free palestine !

[@HeyFlutter]

Thank you, @zakariaelaaliji7747! 🙂

[@dennisbarzanoff9025]

bro nice video, but I just can't stand your voice man. Please add captions

[@brianmuller8090]

Hi Johannes, danke, dass du dieses Video hochgeladen hast. leider funktioniert es bei mir nicht weil ich folgende Fehlermeldung habe: AppLocalizations lookupAppLocalizations(Locale locale) { // Lookup logic when only language code is specified. switch (locale.languageCode) { case 'en': return AppLocalizationsEn(); case 'es': return AppLocalizationsEs(); } throw FlutterError( 'AppLocalizations.delegate failed to load unsupported locale "$locale". This is likely ' 'an issue with the localizations generation tool. Please file an issue ' 'on GitHub with a reproducible sample app and the gen-l10n configuration ' 'that was used.' ); } habe im Internet bereits geschaut aber leider ist die Lösung für mich leider nicht ersichtlich. Ist dir dieses Problem bekannt? Hast du nen Tipp um das Problem zu lösen ? mit besten grüßen und mach weiter so !!! Brian

[@ssupercrack]

thanks bro

[@HeyFlutter]

You are welcome, SSuperCrack!