Тёмный

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

HeyFlutter․com
Подписаться 202 тыс.
Просмотров 43 тыс.
50% 1

Опубликовано:

 

1 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 108   
@HeyFlutter
@HeyFlutter 2 года назад
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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Zw4KoorVxgg.html Null Safety Introduction Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-PnSpQkOKwv0.html Migrate Flutter App To Null Safety Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-GLnQphHi1BY.html TOP 10 Flutter Questions Answered: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-0-gS_JTLwaM.html Expand Floating Action Button Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YHNCYfqGrBY.html Home Screen Quick Actions Popup Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-sqw-taR2_Ww.html Hide/Show AppBar/Pinned TabBar On Scroll Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-xzPXqQ-Pe2g.html Hide/Show Bottom Navigation Bar On Scroll: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-pr_Go9I19SA.html Hide/Show Widgets In Flutter Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-MqIBOlG7Dts.html Show iOS Popup Alert Dialog Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-UYVylKqdKRY.html Show Material Banner Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WXmvbsEhMWk.html Show Toast Message Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-o2tq4RMcAJw.html Show SnackBar Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Q_YO_Y5u2Pg.html Show/Hide Bottom Sheet Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-AjAQglJKcb4.html Show/Hide Navigation Drawer Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-vZ7vdMok98g.html Amazing Lottie Animations Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-kyPizhfn8k8.html QR Code Scanner Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-hHehIGfX_yU.html
@BrightCode
@BrightCode 2 года назад
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.
@patrickwitter4437
@patrickwitter4437 2 года назад
Would be great if you provided links to documentation in description
@HeyFlutter
@HeyFlutter 2 года назад
Thank you, Patrick Witter! 🙂 Here you go: docs.flutter.dev/development/accessibility-and-localization/internationalization
@RoseDeWittWish
@RoseDeWittWish 2 года назад
Thanks for this video. इस वीडियो के लिए धन्यवाद। Gracias por este video. Merci pour cette vidéo.
@pritomchaki4461
@pritomchaki4461 2 года назад
is it incomplete video? u did not show how to change language from the app..by clicking button
@igortrapp30
@igortrapp30 2 года назад
@@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
@HeyFlutter 2 года назад
Thank you, Pritom Chaki! 🙂. I have explained all the important things related to the topic in this video
@abdelouahebbenouar6157
@abdelouahebbenouar6157 2 года назад
But you didn't show us how to change the language inside the app , like the menu you are using at the beginning
@HeyFlutter
@HeyFlutter 2 года назад
Thank You abdou Ben! Follow this link: stackoverflow.com/questions/65307961/button-to-change-the-language-flutter I hope you will get your answer 🙂
@frijole16
@frijole16 2 года назад
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!
@zakariaelaaliji7747
@zakariaelaaliji7747 3 месяца назад
no israel, free palestine !
@HeyFlutter
@HeyFlutter 3 месяца назад
Thank you, @zakariaelaaliji7747! 🙂
@xErnix14
@xErnix14 2 года назад
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.
@MrCamdere
@MrCamdere 2 года назад
This was very helpfull too me ,danke bro !
@ThePemaWangyal
@ThePemaWangyal Год назад
Hi! I have question? How much it cost to add multi languages program in a new developing app?
@HeyFlutter
@HeyFlutter Год назад
Thank you, Yogtrack! 🙂. It has no cost.
@ThePemaWangyal
@ThePemaWangyal Год назад
@@HeyFlutter thanks!
@goldenlife6166
@goldenlife6166 2 года назад
Appreciate your consistency greatly.thanku
@زيزوالانطاكي
@زيزوالانطاكي 2 года назад
previuosly, you provided a free source code, and we share your videos but now you wasting out time to got the code!
@HeyFlutter
@HeyFlutter 2 года назад
Thank you, زيزو الانطاكي! 🙂
@cris4lomas
@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
@HeyFlutter Год назад
Glad it was helpful, @cris4lomas 😀
@nasseralyahya1138
@nasseralyahya1138 Год назад
set playback speed to 0.75 for better catching
@HeyFlutter
@HeyFlutter Год назад
Thanks for your feedback, @nasseralyahya1138! 🙂
@includejoe
@includejoe Год назад
why do you have to add unnecessary stages in getting the source?? omg these ytbers tsk
@HeyFlutter
@HeyFlutter Год назад
Thank You ʲᵒᵉ!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware
@shakeebahmedkhan8026
@shakeebahmedkhan8026 2 года назад
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
@shakeebahmedkhan8026 2 года назад
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
@shakeebahmedkhan8026 2 года назад
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
@shamshushaash5251 2 года назад
@@shakeebahmedkhan8026 Bro for that you need to get it from back end through API
@shakeebahmedkhan8026
@shakeebahmedkhan8026 2 года назад
@@shamshushaash5251 thank you bro but I m using Firebase as a backend for my application
@MuhammedFayis-bi6jw
@MuhammedFayis-bi6jw Год назад
@@shamshushaash5251 oh i see
@whitebracket
@whitebracket Год назад
Thanks a lot ! .. i couldnt reatch github link to get the source code.
@HeyFlutter
@HeyFlutter Год назад
Hey, @whitebracket 🙂 make sure to subscribe on github to access code
@MuhammedFayis-bi6jw
@MuhammedFayis-bi6jw Год назад
how can i change the language of text which is coming from api?
@HeyFlutter
@HeyFlutter Год назад
Hey 😊, @user-xn2or5te3i! Check out this package: pub.dev/packages/translator you can translate it on your end
@gustavomenezes7124
@gustavomenezes7124 2 года назад
You're amazing, thanks for ALL the help you provided us!
@shahrahman1984
@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
@HeyFlutter Год назад
Thank you, Shah Rahman! 🙂. Yes it will.
@ChenYangBee-t1h
@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
@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 🙂
@edenislive
@edenislive Год назад
yeah the spelling of hindi is incorrect by the way...
@HeyFlutter
@HeyFlutter Год назад
Sorry to hear that, EdenIsLive! 🙂
@edenislive
@edenislive Год назад
@@HeyFlutter no worries great content though.
@brianmuller8090
@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
@Fl3tscheR55
@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
@HeyFlutter Год назад
Thanks for the idea Fl3tscheR Thornbridge 😀, i have added it in my list of future videos
@wd_1
@wd_1 2 года назад
share code....
@HeyFlutter
@HeyFlutter 2 года назад
Thank You Elsevar!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware
@aminsamad6900
@aminsamad6900 2 года назад
Does this support Kurdish language? If not, how can I add the Kurdish language to the "ckb" or "ku" code?
@HeyFlutter
@HeyFlutter 2 года назад
Thank You Amin Samad! Follow this link: pub.dev/packages/kurdish_localization I hope you will get your answer 🙂
@tripsam4655
@tripsam4655 2 года назад
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
@tripsam4655 2 года назад
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
@tripsam4655 2 года назад
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
@linusreutter2108 2 года назад
@@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
@mattrudin4074 2 года назад
@@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
@Metroyd91 2 года назад
@@mattrudin4074 ty 😁
@pctconstantin1258
@pctconstantin1258 2 года назад
hello. after providing data to receive access to your github, the mail that you send for confirm subscription does not work.Any help?
@HeyFlutter
@HeyFlutter 2 года назад
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
@jayamuruganj5091 2 года назад
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
@HeyFlutter 2 года назад
Thank You Jayamurugan J! Follow this link: docs.flutter.dev/development/accessibility-and-localization/internationalization I hope you will get your answer 🙂
@jayprajapati3311
@jayprajapati3311 2 года назад
sir please make a pdf to excel and excel to pdf converter app in flutter
@rezwananasser1594
@rezwananasser1594 2 года назад
I followed all of it, but the Applocalization is not generated in my app. What should I do?
@rezwananasser1594
@rezwananasser1594 2 года назад
@@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.
@taimoorsaleem5897
@taimoorsaleem5897 2 года назад
Can we change these languages using dropdown button, if Yes than how ?
@HeyFlutter
@HeyFlutter 2 года назад
Hey, Taimoor Saleem 🙂 please follow this video : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-z0ihUbwlSHs.html
@yashwanthbabu324
@yashwanthbabu324 2 года назад
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
@HeyFlutter 2 года назад
Thank you, for pointing it out yashwanth babu! 🙂 let's only focus on idea behind video and not on social concerns
@yashwanthbabu324
@yashwanthbabu324 2 года назад
@@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.
@ahmedzizo19988
@ahmedzizo19988 Год назад
Thanks alot
@HeyFlutter
@HeyFlutter Год назад
Glad you liked it, @ahmedzizo19988 😀
@codybontecou
@codybontecou 2 года назад
Great video, I'll integrate it shortly. Any chance you could create a similar video on a11y (accessibility)?
@codybontecou
@codybontecou 2 года назад
@@HeyFlutter Awesome, happy to help. Thanks for the great content.
@OICG
@OICG 2 года назад
नमस्ते आपका बहुत बहुत धन्यवाद ।
@alidahud337
@alidahud337 Год назад
Hi, How do i apply the same to ios?
@alidahud337
@alidahud337 Год назад
because xcode is just giving me like 6 languages
@HeyFlutter
@HeyFlutter Год назад
Thank You Ali Dahud! Follow this link: medium.com/@lumeilin301/multi-language-in-flutter-ee393b298ec5 I hope you will get your answer 🙂
@seggamulti1219
@seggamulti1219 2 года назад
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
@mattrudin4074 2 года назад
I think the following video will cover your requirement of letting a user change the language: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-yrbaZgMtFQs.html
@HeyFlutter
@HeyFlutter 2 года назад
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
@dharyelsantoshonorio5890
@dharyelsantoshonorio5890 Год назад
thank you, brother. You are awesome!
@HeyFlutter
@HeyFlutter Год назад
You are welcome, Dharyel Santos!
@daumienebi
@daumienebi Год назад
Very useful Video, thanks a lot
@HeyFlutter
@HeyFlutter Год назад
Glad you liked it, @daumienebi4864 😀
@hrhr3300
@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
@HeyFlutter Год назад
Thanks for the idea, HrHr! 🙂 I have added it to my list of ideas for future videos!
@vishwajeetpatil9381
@vishwajeetpatil9381 2 года назад
Why we have used intl package ?
@HeyFlutter
@HeyFlutter 2 года назад
Thank You vishwajeet patil! Follow this link: pub.dev/packages/intl I hope you will get your answer 🙂
@Hellowow0112
@Hellowow0112 Год назад
Its hindi not hanidi
@HeyFlutter
@HeyFlutter Год назад
Thanks for your feedback, RAHUL PRAJAPATI! 🙂
@Hellowow0112
@Hellowow0112 Год назад
@@HeyFlutter welcome brother
@shive52gaming66
@shive52gaming66 2 года назад
How to improve SEO in flutter plz tell sir
@HeyFlutter
@HeyFlutter 2 года назад
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 🙂
@mohammednihad6755
@mohammednihad6755 2 года назад
Thanks a lot for this! But how to change the language at runtime without rebuilding the entire widget tree? Thanks again
@mohammednihad6755
@mohammednihad6755 2 года назад
@@HeyFlutter Thanks a lot for your valuable reply! 💙
@HeyFlutter
@HeyFlutter 2 года назад
Thank You Mohammed Nihad! Follow this link: docs.flutter.dev/resources/architectural-overview I hope you will get your answer 🙂
@h3w45
@h3w45 2 года назад
شكرا لك
@abbasjafary3443
@abbasjafary3443 2 года назад
Very nice.
@HeyFlutter
@HeyFlutter 2 года назад
Thank you, abbas jafary! 🙂
@dennisbarzanoff9025
@dennisbarzanoff9025 2 года назад
bro nice video, but I just can't stand your voice man. Please add captions
@ssupercrack
@ssupercrack Год назад
thanks bro
@HeyFlutter
@HeyFlutter Год назад
You are welcome, SSuperCrack!
Далее
Flutter Localization - Official Documentation
35:01
Просмотров 38 тыс.
How to use Easy Localization package? | Flutter
20:42
Flutter Provider - Advanced Firebase Data Management
11:08
TOP 12 ListView Widgets | Flutter Tutorial
19:28
Просмотров 34 тыс.
How I deploy serverless containers for free
6:33
Просмотров 511 тыс.