Flutter Localization in Details - Internationalization with JSON

  Рет қаралды 7,603

Rabee Omran

Rabee Omran

Күн бұрын

في هذا الفيديو سوف نتعرّف على كيفية بناء تطبيق متعدد اللغات في flutter بالتفصيل و بدون استخدام مكتبات خارجية .
Source code :
github.com/Rabee-Omran/Flutte...
Facebook page :
/ rabeeomran.developer
Facebook account :
/ rabeeomran2
LinkedIn account :
/ rabeeomran
00:00 Intro
00:32 About the video, what will we build?
01:54 Write supported locales
03:56 Create a JSON file for each language
04:40 Write Delegates and explain it
06:31 Return a language to be used in the application
07:52 Return a language supported by my app for use in it
09:34 Start implementing AppLocalizations class (custom delegate)
12:30 Implement the functionality to Load language JSON file
15:36 Create a translate function that we will use in the user interface
16:06 Write AppLocalizationsDelegate class (actual delegate)
16:51 Implement isSupported function
17:32 Implement load function
18:45 Implement shouldReload function
19:08 Provide our delegate to the application
20:24 Translate "Hello there !"
21:40 Test application
23:53 Create an extension for translate
25:42 The end

Пікірлер: 62
@eslamelbiali2283
@eslamelbiali2283 Жыл бұрын
الله ينور تسلم علي شرحك البسيط ❤
@mohamedel-shehaby9636
@mohamedel-shehaby9636 Жыл бұрын
جميل جدا تسلم ايدك يا هندسة 💙💙
@husienghanem
@husienghanem Жыл бұрын
ما شاء الله عليك ... الله يعطيك الف عافية ♥
@programmingarmy
@programmingarmy 2 жыл бұрын
الله ينور يا هندسة 💜
@step2point975
@step2point975 Жыл бұрын
ما شاء الله عليك جد مبدع الله يوفقك
@3delhelal
@3delhelal 2 жыл бұрын
ماشاء الله احسنت، استمر يغالي 🤍
@mido4238
@mido4238 2 жыл бұрын
عظمة وربي♥️
@najiezzeldien
@najiezzeldien 2 жыл бұрын
الله ينور عليك ❤️
@nawraaradi2468
@nawraaradi2468 Жыл бұрын
الله يعطيك العافيه. شرح مميز 🌹🌹
@RabeeOmran
@RabeeOmran Жыл бұрын
شكراً جداً لك ولمتابعتك ❤️
@mohammedsolyman3891
@mohammedsolyman3891 4 ай бұрын
بارك الله فيك
@RabeeOmran
@RabeeOmran 4 ай бұрын
شكرا لمتابعتك ❤️
@mohamedbala1439
@mohamedbala1439 Жыл бұрын
شرح جميل وبسيط استمر
@enassa841
@enassa841 2 жыл бұрын
يعطيك العافية
@mahmoudysleim7303
@mahmoudysleim7303 Жыл бұрын
استمر يا هندسة
@enassa841
@enassa841 2 жыл бұрын
إبداع💙💙💙💙💙💙💙
@enassa841
@enassa841 7 ай бұрын
عظيم ياربيع ❤
@RabeeOmran
@RabeeOmran 5 ай бұрын
شكرا لمتابعتك ❤️
@alieldeeb2000
@alieldeeb2000 Жыл бұрын
ربنا يوفقك
@Muhammed_Hashim
@Muhammed_Hashim Жыл бұрын
الشرح جميل جدا
@RabeeOmran
@RabeeOmran Жыл бұрын
شكراً لمتابعتك وكلامك يامحترم ❤️
@user-hx8vg7sx3t
@user-hx8vg7sx3t Ай бұрын
Bravoooo
@RabeeOmran
@RabeeOmran 29 күн бұрын
شكرا لمتابعتك ❤️
@mohammadjrab3169
@mohammadjrab3169 Жыл бұрын
أسطورة 🤩
@RabeeOmran
@RabeeOmran Жыл бұрын
اشكرك جداً على متابعتك ❤️
@mohammedtawfiq
@mohammedtawfiq 2 жыл бұрын
قبل ماشوف الفيديو متاكد ان الشرح بيكون واضح و طريقة الشرح احترافيه ربنا يعطيك العافيه ممكن تشرح ال pagination في clean arithuctier using bloc
@mohammedtawfiq
@mohammedtawfiq 2 жыл бұрын
@@RabeeOmran ان شاء الله و انا اتشرف بمتابعه قناتك وشخصك وفرت الكثير من الاشياء الناقصة بالمحتوى العربي
@mohammedtawfiq
@mohammedtawfiq 2 жыл бұрын
@@RabeeOmran ان شاء الله
@basmababa5195
@basmababa5195 Жыл бұрын
thanks a lot 😇😇
@enassa841
@enassa841 7 ай бұрын
اللله يوفقك
@RabeeOmran
@RabeeOmran 5 ай бұрын
❤️❤️❤️
@enassa841
@enassa841 Жыл бұрын
ياسلااااااام
@RabeeOmran
@RabeeOmran Жыл бұрын
شكرا لمتابعتك ❤️❤️❤️
@istanbuloutlet
@istanbuloutlet 2 жыл бұрын
حلو
@ashrafabdo5461
@ashrafabdo5461 Жыл бұрын
wow
@mohammaddabagh1205
@mohammaddabagh1205 3 ай бұрын
وحش أخي حاولت قدملك دعم بكل إمكاناتي بعرف أنك مو بحاجة بس لازم تنشهر فيديوهاتك لأنك فنان, بعد ما اعملت أول مشروع فلاتر هو برنامج محاسبة مصغر للموبايل لقيت في اكتير قصص ناقصتني مع اني اشتريت كورس مدفوع ومع ذلك في نقص لقيتو مشروح على قناتك بترتيب رهيب مشكور جهودك
@RabeeOmran
@RabeeOmran 3 ай бұрын
دخيل عينك .. لك تسلم تسلم والله كلامك فرحني كتير كتير كتير.. بتمنالك كل التوفيق والنجاح وشكرا لمتابعتك ودعمك وبتمنى تشارك هالفيديوهات ومشكور سلفاً ❤️
@graphic-Pixel
@graphic-Pixel Жыл бұрын
شرح جميل سؤال لو سمحت وش الاضافة المستخدمة في تحديد نهاية الكود الي هي الخط المتقطع بالمحرر ياريت اسمها
@enassa841
@enassa841 Жыл бұрын
❤❤❤❤❤❤❤❤❤
@omr8x407
@omr8x407 Жыл бұрын
What is the "VS Theme" that you are using
@mohsenmohamed2281
@mohsenmohamed2281 2 жыл бұрын
في الباكدج اللي اسمها easy_localization بقدر استخدم الترجمه بدون الcontext وده مهم علشان رسائل الاخطاء من الviewmodel او اي مكان بعيد عن الكونتكست ازاي ممكن نعمل ترجمه بدون ما ابعت الكونتكست
@mohsenmohamed2281
@mohsenmohamed2281 2 жыл бұрын
@@RabeeOmran مشكور على الاجابة وسبب سؤالي هو اني لا افضل استخدام باكدج في اي حاجه ممكن اعملها بدونها ولكن الصعوبه هنا في كيفية الترجمه بدون الكونتكست لهذا سألت
@moamenhu
@moamenhu 2 ай бұрын
يعطيك العافية اسألك، لازم نضيف كود لأجل ان تعمل أيضاً في نظام ال IOS ? مثل اضافة Intl تحتاج لإضافة سطر كود .. هل نحتاحها هنا؟
@RabeeOmran
@RabeeOmran 2 ай бұрын
الله يعافيك يارب وشكرا لمتابعتك ❤️ لا ما محتاج نضيف شيئ
@moamenhu
@moamenhu 2 ай бұрын
@@RabeeOmran ممكن بعد تغيير اللغة يتغير بشكل مباشر بدون ما نضطر نسكر التطبيق ونرجع نضوي؟ وكيف بتم الأمر لو سمحت
@hasanbaqais4276
@hasanbaqais4276 10 ай бұрын
Localizations.of(context, AppLocalizations) السطر هذا يرجعلي null
@RabeeOmran
@RabeeOmran 10 ай бұрын
شكراً لمتابعتك ❤️ واقترح لحضرتك مشاهدة الكود الموجود في الوصف ومقارنته مع الكود الخاص بك
@watchit1999
@watchit1999 Жыл бұрын
السلام عليكم لو في معايا مثلا list of names واليست دي بره context استخدم ازاي name'.tr(context)'
@RabeeOmran
@RabeeOmran Жыл бұрын
وعليكم السلام جرب في ال InitState
@user-bl4hl7jg7l
@user-bl4hl7jg7l 8 ай бұрын
كيف بدي اضيف الflutter_localization للsdk?
@RabeeOmran
@RabeeOmran 8 ай бұрын
موجود في الفيديو
@rahafalshaar9582
@rahafalshaar9582 Жыл бұрын
الله يعطيك العافية سؤال من بعد اذنك ، اذا بدي غير اللغة من زر كيف ؟
@RabeeOmran
@RabeeOmran Жыл бұрын
الله يعافيكي وشكراً لمتابعتك .. الفيديو اللي بعد هاد فيو شرح لهاد الموضوع
@alieid2476
@alieid2476 2 жыл бұрын
الشغل كتير ظريف بس في فرق بين انك تحط لغة الهاتف وبين انو فيك تغيرود اللغة من قلب التطبيق وهاد الشائع ياريت فيديو عن الموضوع
@alieid2476
@alieid2476 2 жыл бұрын
@@RabeeOmran مبدع
@mostafaegypt26
@mostafaegypt26 Жыл бұрын
هل مكتبه flutter_localizations لم تعد متاحه لانه يعطينى flutter_localization فقط انا استخدم محرر VsCode
@mostafaegypt26
@mostafaegypt26 Жыл бұрын
@@RabeeOmranفعلا موجود ولكن عندما اقوم بعمل pub get لا ياتى باى شئ هلا جربته
@mostafaegypt26
@mostafaegypt26 Жыл бұрын
@@RabeeOmran يعطينى ذالك | flutter_localization: ^0.1.9 رغم docs الرسمى يقول انه موجود تحت اسم flutter_localizations:
@mostafaegypt26
@mostafaegypt26 Жыл бұрын
@@RabeeOmran هل هذا له علاقه باصدار النسخه من الدارت ؟؟
@mostafaegypt26
@mostafaegypt26 Жыл бұрын
@@RabeeOmran حضرتك انا بحاول افهم فين الخطأ لانى سمعت ان المبرمج الشاطر هو من يقوم بحل الاخطاء بالمناسبه انا اتعلمت اشياء كثيره جدا من حضرتك
@Osama-jn3cw
@Osama-jn3cw 2 ай бұрын
مازلت عند هذا الاسطر ppLocalizations.delegate, GlobalMaterialLocalizations.delegate, GlobalWidgetsLocalizations.delegate, GlobalCupertinoLocalizations.delegate اضفت الكود ولاكن لايتعرف عليها ويظهر خطا ايش المشكله؟
@Osama-jn3cw
@Osama-jn3cw 2 ай бұрын
هل تم استبدالها بسبب ان الفيديو قديم
Flutter Bloc Library Tutorial - Cubit - Localization App
29:50
Rabee Omran
Рет қаралды 11 М.
Why Is He Unhappy…?
00:26
Alan Chikin Chow
Рет қаралды 57 МЛН
Flutter Bloc Library Tutorial - Todos App | Fetching Data From API
20:30
Flutter Change Whole App language  - Getx Localization
15:49
Proto Coders Point
Рет қаралды 22 М.
Flutter Localization the Easy Way - using JSON
24:51
Coding Orbit
Рет қаралды 4,8 М.
How to use Easy Localization package? | Flutter
20:42
Yazeed AlKhalaf
Рет қаралды 28 М.
Flutter Localization - Official Documentation
35:01
PodCoder
Рет қаралды 37 М.
АЙФОН 20 С ФУНКЦИЕЙ ВИДЕНИЯ ОГНЯ
0:59
КиноХост
Рет қаралды 1,2 МЛН
Look, this is the 97th generation of the phone?
0:13
Edcers
Рет қаралды 7 МЛН
Samsung laughing on iPhone #techbyakram
0:12
Tech by Akram
Рет қаралды 6 МЛН