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
  • НаукаНаука

Комментарии • 72

  • @thetechbrotherss
    @thetechbrotherss  10 месяцев назад +2

    Source code: take reference from here.
    github.com/axiftaj/Flutter-Widget-Of-The-Week/blob/main/lib/main.dart

  • @minaxikumbhani7168
    @minaxikumbhani7168 3 месяца назад

    Your videos are incredibly helpful! I've learned so much from them and helps me a lot in my work.😊

  • @fahadkhanyousafzai7766
    @fahadkhanyousafzai7766 10 месяцев назад

    Very useful. Nice work 👍

  • @PawanSingh-ql5cd
    @PawanSingh-ql5cd 10 месяцев назад

    Excited 😊

  • @iamvalenci4
    @iamvalenci4 9 месяцев назад

    I am doing and app with amplify and this tutorial worked very well!!, thank you so much sir :D

  • @muhammadjavedrafique4592
    @muhammadjavedrafique4592 6 месяцев назад

    big fan asif bhai,,, Allah bless you

  • @acornerofherheart-jr9pl
    @acornerofherheart-jr9pl 17 дней назад

    thanks a bunch it was useful

  • @adamnoor8380
    @adamnoor8380 5 месяцев назад

    Very Helpful

  • @kkmemes9350
    @kkmemes9350 5 месяцев назад

    thanks sir

  • @jagadishpoudel974
    @jagadishpoudel974 4 месяца назад +1

    Very useful video, also can you please make a video on flutter localization to implement English and Nepali language?

    • @thetechbrotherss
      @thetechbrotherss  4 месяца назад +2

      you can do it yourself

    • @jagadishpoudel974
      @jagadishpoudel974 4 месяца назад

      Can you please guide me to implement localization on my fetched json file in my flutter project. How can I...
      ?@@thetechbrotherss

  • @spreadislam6866
    @spreadislam6866 10 месяцев назад +1

    AsalamUalikum. Sir! Is Php a good option as the backend in Flutter rather we try something else like Node js or Django etc

  • @VIKASSHARMA-ey4ob
    @VIKASSHARMA-ey4ob 10 месяцев назад

    @thetechbrotherss I want that when user click on container boxes than whole screen language have to change how i can use this.

    • @thetechbrotherss
      @thetechbrotherss  10 месяцев назад

      Language is already changing in the whole app bro

  • @user-rs3ei6gw3o
    @user-rs3ei6gw3o 10 месяцев назад

    Sir, can you please make a video on the DIO package in detail?

  • @aahmadfaraz
    @aahmadfaraz 7 месяцев назад

    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 ?

  • @abdulmuqsit3858
    @abdulmuqsit3858 Месяц назад

    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 ?

    • @thetechbrotherss
      @thetechbrotherss  Месяц назад

      You have to use state management to get things done

    • @abdulmuqsit3858
      @abdulmuqsit3858 Месяц назад

      @@thetechbrotherss much appreciated .

  • @AHussain-fo4rs
    @AHussain-fo4rs 2 месяца назад

    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?

    • @thetechbrotherss
      @thetechbrotherss  2 месяца назад

      Check out the syntax , checkout yaml file, check if your code is generated or not

  • @otello4723
    @otello4723 8 месяцев назад

    Sorry, which language do you use is it Spanish or English?

  • @najam66336
    @najam66336 10 месяцев назад

    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 🥰

    • @thetechbrotherss
      @thetechbrotherss  10 месяцев назад

      My bloc course is coming very soon

    • @lofiboy0009
      @lofiboy0009 8 месяцев назад

      Thanks do this early.
      @@thetechbrotherss

  • @anasjawed5745
    @anasjawed5745 9 месяцев назад

    Brother API calling ka baad jou data receive ho isko bhe translate krna ho tou iska kia procedure ha ?
    kindly ispr bhe video banade

    • @thetechbrotherss
      @thetechbrotherss  9 месяцев назад

      apko server side par translation krni hogi

  • @lofiboy0009
    @lofiboy0009 8 месяцев назад

    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.

  • @ryugagaming195
    @ryugagaming195 10 месяцев назад +1

    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

    • @thetechbrotherss
      @thetechbrotherss  10 месяцев назад

      Sorry to hear this, tag was most famous but obx is better

  • @mirzafarjad1252
    @mirzafarjad1252 10 месяцев назад

    Asif bhai kuchh new Playlist le kr ayen

  • @user-ky8vj2pp1h
    @user-ky8vj2pp1h 8 месяцев назад

    Assalamulaikum bhai
    Bhai ap bta sakty ha k Api ka data hum kaise translate kr sakty ha ?

    • @thetechbrotherss
      @thetechbrotherss  8 месяцев назад

      api ka bhai server side par krna parhy ga, you have to store data separately

  • @loser40716
    @loser40716 10 месяцев назад

    Are you from kohat ??

  • @SehrishMoujahid
    @SehrishMoujahid 9 месяцев назад

    ya sub frontend ha backend nahi?

  • @nsesaimgaming1032
    @nsesaimgaming1032 2 месяца назад

    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?

    • @thetechbrotherss
      @thetechbrotherss  2 месяца назад

      bro ap kuch ghlt kr rahy ho gy, take the code from github and compare it

    • @nsesaimgaming1032
      @nsesaimgaming1032 2 месяца назад

      @@thetechbrotherss hmm wo to kafi different hai bro lkn jo video me h usk same kiya mene

    • @nsesaimgaming1032
      @nsesaimgaming1032 2 месяца назад

      same problem aa rhi hai bro apka git wala code b sara use kr k dekha

    • @vezreyli5562
      @vezreyli5562 Месяц назад

      Brother the issue might occur when you are not using database.

  • @user-it5qp1ri3h
    @user-it5qp1ri3h 6 месяцев назад

    another text add krne pr error ara h applocalization m esa kyu please reply

    • @thetechbrotherss
      @thetechbrotherss  6 месяцев назад

      Please take code from my GitHub in widget of week playlists

  • @user-it5qp1ri3h
    @user-it5qp1ri3h 6 месяцев назад

    only hello word homescreen m kaam krra h baaki m error ari h sb kuch shi hone k baad b

    • @thetechbrotherss
      @thetechbrotherss  6 месяцев назад

      check code on my github, tm kuch ghlt kr rahy ho gy

  • @mohammadsonu3928
    @mohammadsonu3928 25 дней назад

    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,

  • @user-ic7bc4ft9b
    @user-ic7bc4ft9b 10 месяцев назад

    this code is not working properly

    • @thetechbrotherss
      @thetechbrotherss  10 месяцев назад

      watch till end, i fixed at the end

    • @thetechbrotherss
      @thetechbrotherss  10 месяцев назад

      take reference from here.
      github.com/axiftaj/Flutter-Widget-Of-The-Week/blob/main/lib/main.dart

    • @user-ic7bc4ft9b
      @user-ic7bc4ft9b 10 месяцев назад

      @@thetechbrotherss its work thanks 😀

  • @user-ic7bc4ft9b
    @user-ic7bc4ft9b 10 месяцев назад

    check this timestamp 30:22

    • @thetechbrotherss
      @thetechbrotherss  10 месяцев назад

      go ahead i fixed it

    • @user-ic7bc4ft9b
      @user-ic7bc4ft9b 10 месяцев назад

      @@thetechbrotherss ok

    • @thetechbrotherss
      @thetechbrotherss  10 месяцев назад

      take reference from here.
      github.com/axiftaj/Flutter-Widget-Of-The-Week/blob/main/lib/main.dart