Flutter Localizations & Internationalisation (l10n) || How to implement multiple language in Flutter
HTML-код
- Опубликовано: 13 июн 2024
- If you want to support my free work.
Easy paisa, Jazz cash and Sad Pay account
03078986011
tiktok: / axiftaj
Instagram: / thetechbrotherss
Join fb group: lnkd.in/dAWaFWtp
_____________/Connect On Social Media\____________
► linkedin:➜ / axiftaj
► Instagram:➜ / axif_taj
► Facebook:➜ / aaxiftaj
► Twitter:➜ / axiftaj
► GitHub:➜ github.com/axiftaj
► Hire me on Fiver:➜ www.fiverr.com/asif_taj
=========================================
Flutter Boot camp 2022: lnkd.in/dVv_jy4W
Flutter Roadmap: lnkd.in/dHF8yc68
Flutter firebase tutorials: lnkd.in/dfwijFgd
Flutter APIS Tutorials Playlist: lnkd.in/dQEe7ZBc
Flutter Provider Tutorials Playlist: lnkd.in/dv6xGRCQ
Flutter widget of the week source code: lnkd.in/dxuUu3Ww
Flutter Google Map Tutorials playlist:
Dart Playlist:
Are you looking to take your Flutter app to a global audience? 🌎💻 Providing multi-language support can significantly enhance user experience and broaden your app's reach. In this comprehensive tutorial, we'll show you step-by-step how to implement multiple languages in your Flutter projects, making it easy for users from diverse linguistic backgrounds to enjoy your app seamlessly.
📋 In this video, you'll learn:
1️⃣ Setting up the Flutter project for internationalization.
2️⃣ Understanding the concept of localization and resource files.
3️⃣ Defining supported locales and their corresponding translations.
4️⃣ Implementing dynamic language switching within the app.
5️⃣ Tips and best practices for managing localized content efficiently.
5️⃣ Tips and best practices for managing localized content efficiently.
5️⃣ Store selected language in shared preference and get it to show selected language.
00:00 Demo || Introduction and Problem statement
02:20 Adding Packages
04:20 Fixing error
05:20 Add l10n Configurations and l10n files
12:45 Important, Adding localizations delegates
16:00 Change Language and store selected language
26:00 Showing selected language when app is opened
for business query write me at:
axiftaj@gmail.com - Наука
Source code: take reference from here.
github.com/axiftaj/Flutter-Widget-Of-The-Week/blob/main/lib/main.dart
Your videos are incredibly helpful! I've learned so much from them and helps me a lot in my work.😊
Glad you like them!
Very useful. Nice work 👍
thank you
Excited 😊
Excitement is over
I am doing and app with amplify and this tutorial worked very well!!, thank you so much sir :D
Great it helped
big fan asif bhai,,, Allah bless you
thank you bhai
thanks a bunch it was useful
thanks
Very Helpful
Glad to hear that
thanks sir
Most welcome
Very useful video, also can you please make a video on flutter localization to implement English and Nepali language?
you can do it yourself
Can you please guide me to implement localization on my fetched json file in my flutter project. How can I...
?@@thetechbrotherss
AsalamUalikum. Sir! Is Php a good option as the backend in Flutter rather we try something else like Node js or Django etc
yes
@thetechbrotherss I want that when user click on container boxes than whole screen language have to change how i can use this.
Language is already changing in the whole app bro
Sir, can you please make a video on the DIO package in detail?
ok
this way i have to translate all the application texts to other languages that we want to implement right ??
But what if my text is coming from some backend / server ?? what can we do in that case ?
for backend you have to do it separately
@@thetechbrotherss how?
i am new to flutter, if we were to use the defaulft state management by flutter instead of provider and others , how much change are we supposed to make in this tutorial ?
You have to use state management to get things done
@@thetechbrotherss much appreciated .
yesterday i followed your example and every thing worked fine. now i'm following same example on totally different project and it is not working the Applocalization.of(context)!.helloWorld is giving me error of null check operator used on null value. any idea why?
Check out the syntax , checkout yaml file, check if your code is generated or not
Sorry, which language do you use is it Spanish or English?
Urdu/hindi
Can you make an application using Bloc State Management with rest API's and also use authentication API's and also work on Google Maps and their certain directions with their 5km radius distance to keep their locations track with some best stuffs
Thanks 🥰
My bloc course is coming very soon
Thanks do this early.
@@thetechbrotherss
Brother API calling ka baad jou data receive ho isko bhe translate krna ho tou iska kia procedure ha ?
kindly ispr bhe video banade
apko server side par translation krni hogi
Thanks very much for this video.
You are the best teacher.
I have done almost every thing in flutter.
Can you give me the work to do.
I mean to say a job.
I've done everything you can check by giving me the any project.
I'll do this with functionality that the business logic and ui will be separated;
Thnx very much.
Thank you, for work try to make clone
sir aapne getx builder bataya nhi ,aur kaise hum jo chahe sirf whi rebuild ho using tag, sir mere internship interview me getx builder pooch liye aur mai nhi select hua, sir atleast complete topics bata diya kariye plz
Sorry to hear this, tag was most famous but obx is better
Asif bhai kuchh new Playlist le kr ayen
yar time ni mil raha bro
Assalamulaikum bhai
Bhai ap bta sakty ha k Api ka data hum kaise translate kr sakty ha ?
api ka bhai server side par krna parhy ga, you have to store data separately
Are you from kohat ??
yes
ya sub frontend ha backend nahi?
backend ha na flutter ka
assalamoalaikum kya hal hai bro yr mene apki video dekh k apni app me language change feature add kiya or debug mode me language change b ho rhi hai lkn jb me apk bna k app install krta hun to app ki language change nahi ho rhi please solution btay?
bro ap kuch ghlt kr rahy ho gy, take the code from github and compare it
@@thetechbrotherss hmm wo to kafi different hai bro lkn jo video me h usk same kiya mene
same problem aa rhi hai bro apka git wala code b sara use kr k dekha
Brother the issue might occur when you are not using database.
another text add krne pr error ara h applocalization m esa kyu please reply
Please take code from my GitHub in widget of week playlists
only hello word homescreen m kaam krra h baaki m error ari h sb kuch shi hone k baad b
check code on my github, tm kuch ghlt kr rahy ho gy
in main file, line 34 is wrong.
pls check this line.
locale: locale == '' ? Locale('en') : provider.appLocale == null ? Locale(''en) : provider.appLocale,
should be this line.
locale: locale == '' ? Locale('en') : provider.appLocale == null ? Locale(locale) : provider.appLocale,
Thanks for sharing this
this code is not working properly
watch till end, i fixed at the end
take reference from here.
github.com/axiftaj/Flutter-Widget-Of-The-Week/blob/main/lib/main.dart
@@thetechbrotherss its work thanks 😀
check this timestamp 30:22
go ahead i fixed it
@@thetechbrotherss ok
take reference from here.
github.com/axiftaj/Flutter-Widget-Of-The-Week/blob/main/lib/main.dart