تعديل ايقونه التطبيق App Icon لمنصه IOS و Android في Flutter بدون مكتباتإن تصميم وتوليد أيقونة تطبيق احترافية هو خطوة أساسية قبل نشر أي تطبيق على المتجرين (Google Play وApp Store). في هذا الدليل ستجد شرحًا مفصّلًا، خطوة بخطوة، يبدأ من تجهيز الصورة الأصلية إلى تحميل الصيغ المناسبة من أدوات...

الحل النهائي لمشاكل التخزين: كيف تبدأ تطبيقك من الصفر بعد الحذف على Android وiOSعند تطوير التطبيقات باستخدام Flutter، قد تواجه مشكلة شائعة جدًا: عند حذف التطبيق من الهاتف وإعادة تثبيته، تجد أن بعض البيانات ما زالت موجودة! هذا الأمر قد يُسبب مشاكل كبيرة في بعض أنواع التطبيقات مثل:- التطبيقات المالية...

دمج Android Flavors مع Flutter: خطوات سهلة لربط تطبيقاتكفي هذا المقال، سنناقش كيفية دمج Android Flavors مع Flutter لإنشاء تطبيقات محمولة متعددة من قاعدة رمز واحدة. سيوضح هذا المقال الخطوات الأساسية لربط تطبيقات Flutter مع Android Flavors، مع التركيز على سهولة الفهم والتنفيذ.ما هي Android Flavors؟Android Flavors هي ميزة مدمجة...

شرح كيفية استخدام binarySearch في Dart لتسهيل عملية البحث داخل listخوارزمية binarySearch  من اكثر الخوارزميات استعمالا في البرمجة وذلك لانها توفر وقت كبير على المبرمجين وتسرع من الحصول على النتائج ولكن لكي تستطيع استخدام هذه الخوارزميه عليك بان تقوم بترتيب عناصر ال list حتى تتمكن من استعمالها وهذا الشرط ضروري...

هل تطبيقك ثقيل؟ حل مشكلة حجم التطبيق باستخدام Flutter DevToolsFlutter DevTools: أداة سحرية لتحليل وتحسين حجم تطبيقك Flutter DevTools App Size Tool  تحليل حجم التطبيق وتحسين أدائهفي عالم تطوير التطبيقات باستخدام Flutter، يعتبر حجم التطبيق أحد العوامل الحاسمة التي تؤثر على تجربة المستخدم. كلما كان حجم التطبيق أصغر، زادت فرص تنزيله...

كيف تجعل واجهات تطبيقاتك في Flutter متجاوبة مع جميع الشاشات باستخدام MediaQuery و GridViewإذا كنت مطور تطبيقات باستخدام Flutter، فلا بد أنك واجهت مشكلة توافق التصميم مع أحجام الشاشات المختلفة. فالهاتف الصغير قد يعرض الواجهة بشكل مختلف تماماً عن الجهاز اللوحي أو شاشة الكمبيوتر. هنا تظهر أهمية كتابة أكواد مرنة...

مراقبة حالة الاتصال بالإنترنت باستخدام Flutter وDartتعد مراقبة حالة الاتصال بالإنترنت أمرًا بالغ الأهمية لتطبيقات الهاتف المحمول، حيث تتطلب العديد من التطبيقات الحديثة اتصالاً ثابتًا بالشبكة لتقديم الخدمات بشكل فعال. يوفر الكود أعلاه مثالًا عمليًا لكيفية تحقيق ذلك باستخدام لغة برمجة Dart وإطار عمل Flutter.كيفية تحسين تجربة المستخدم في Flutter...

سر خطير في Flutter قد ينقذ تطبيقك من الاختراقعند نشر تطبيقات Flutter للإنتاج، يسعى المطورون دائمًا إلى تحسين الأداء وزيادة الأمان. ومن بين الأدوات المفيدة لتحقيق هذا الهدف، نجد خيارَين مهمين في الأمر flutter build:--obfuscate--split-debug-info=build/debug-infoفي هذا المقال، سنستعرض كل خيار بالتفصيل، بما في ذلك كيفية استخدامه، أهميته، والفوائد التي يقدمها...

 شرح إتقان أدوات واجهة مستخدم Flutter:  الوظائف النقية Pure funcation / widgetsشرح إتقان أدوات واجهة مستخدم Flutter:  الوظائف النقية Pure funcation / widgetsإنشاء واجهات مستخدم فعالة ويمكن التنبؤ بها: أدوات واجهة مستخدم وظيفية خالصة لتطوير Flutterيركز هذا الموضوع على الفوائد الرئيسية لأدوات واجهة المستخدم الوظيفية البحتة:الكفاءة: تعتبر الوظائف البحتة فعالة...

هل تواجه مشكلة مساحة التخزين بسبب باكدجات Flutter المتراكمة في مشاريعك المتعددة؟لا داعي للقلق! إليك حلّ سريع وفعال لتنظيف هذه الباكدجات دون الحاجة إلى تنظيف كل مشروع على حدة:لأجهزة MacOs و Linux:افتح الـ Terminal.انسخ هذا الأمر:for dir in ~/dev/* ; do (cd "$dir" && flutter clean ); doneعدّل الأمر:استبدل dev...

تعلم كيفية ضبط حجم الخط بشكل مثالي في تطبيقات Flutterإحدى النقاط الرئيسية التي يجب مراعاتها عند تطوير تطبيقات Flutter هي جعل حجم الخط مستجيبًا ليناسب أحجام الشاشات المختلفة، سواء كان هاتفًا محمولًا أو جهازًا لوحيًا أو حتى كمبيوتر مكتبيًا. يؤدي ذلك إلى تحسين تجربة المستخدم ويضمن أن النصوص الموجودة في...

AutomaticKeepAliveClientMixin - حل لمشكلة إعادة تحميل البيانات في Flutterأودّ مشاركة حلّ رائع لمشكلة إعادة تحميل بيانات المستخدم في شاشة ملف التعريف (profile screen) باستخدام Firebase.المشكلة:عند التنقل بين الشاشات باستخدام PageView مع BottomNavigationBar، يتمّ تدمير حالة (state) شاشة ملف التعريف، مما يتسبب في إعادة تحميل بيانات المستخدم من Firebase في كل...

ماهي Hooks ولماذا عليك البدء في استخدامها في مشايعك داخل Flutterفي السنوات الأخيرة، أصبحت Flutter واحدة من أهم أدوات تطوير التطبيقات نظرًا لكفاءتها وسرعتها في إنشاء تطبيقات عالية الأداء على أنظمة التشغيل المختلفة بقاعدة برمجية واحدة. مع تطور Flutter، أصبحت الخطافات إضافة قوية تساعد المطورين على كتابة تعليمات برمجية أكثر...

MVI Architecture Pattern في Flutter: تحكم دقيق في تدفق البيانات وتجربة مستخدم تفاعليةلو شخص مهتم يعرف اكتر عن الMVI Architecture Pattern وازاي بنطبقه في Flutter فده هيكون موضوعنا النهاردةطيب في البداية ايه هو الMVI؟الMVI ينقسم لثلاث اجزاء وهو الModel - View - Intentقائم على الReactive Programmingبمعنى ان الData Flow والAction...

خصائص TextFormFieldتحسن من عمليات ادخال البيانات لدى المستخدمين في FlutterTextFormField هو عنصر واجهة مستخدم في Flutter يسمح للمستخدمين بإدخال نص. يستخدم TextFormField بشكل شائع لجمع معلومات المستخدم مثل الأسماء والعناوين وأرقام الهواتف وهو من احد اهم العناصر في تطبيقات فلاتر ولا يمكن الاستغاء عنه في برمجه الجوال للتطبيقات .تطبيقات فلاتر:...

كيفيه تحويل اي تطبيق الي EXE في فلاتر لتثبيته على الويندوزيعد إطار عمل Flutter من Google حلاً ممتازًا لإنشاء تطبيقات عبر الأنظمة الأساسية بقاعدة تعليمات برمجية واحدة. على الرغم من أن Flutter بدأ كأداة لإنشاء تطبيقات الأجهزة المحمولة، إلا أنه يدعم الآن تطوير تطبيقات الويب وسطح المكتب، مما يمنح المطورين...

مشكلة الأداء عند التبديل بين الشاشات؟ IndexedStack يحلها بسهولةلماذا يفضل المحترفون IndexedStack على Navigator؟في تطوير واجهات المستخدم باستخدام Flutter، يلعب اختيار الأدوات (Widgets) المناسبة دورًا حيويًا في تحقيق أداء عالٍ وتجربة مستخدم سلسة. واحدة من هذه الأدوات هي IndexedStack، وهي وحدة قوية تُستخدم لإدارة عرض مجموعة من الأبناء (Children) بطريقة...

كيفيه تثبيت Flutter على Mac – خطوة بخطوةأصبحت Flutter واحدة من أهم الأدوات المستخدمة لتطوير التطبيقات عبر الأنظمة الأساسية بفضل أدائها الممتاز وسهولة استخدامها. قد يبدو تثبيت Flutter على نظام macOS معقدًا للبعض، ولكن باتباع الخطوات الصحيحة، يمكن إكمال العملية بنجاح ودون أي متاعب. سنشرح في هذا الدليل جميع خطوات...

كيفية تقليل حجم مشاريع Flutter على جهازكيعد Flutter أحد أكثر أطر العمل شيوعًا لتطوير تطبيقات الأجهزة المحمولة، ولكن بمرور الوقت، يمكن أن تنمو أحجام المشاريع بشكل كبير وتؤثر على أداء التطبيق. في هذا المقال سنتعرف على طرق فعالة لتقليل حجم مشروع Flutter وتحسين سرعة التحميل وتقليل استهلاك المساحة وضمان أداء...

كيفيه حفظ وعرض البيانات في Hive باستخدام algorithmفي عالم تطوير تطبيقات الهاتف باستخدام Flutter، تُعتبر إدارة البيانات واحدة من أهم التحديات التي يواجهها المطورون. في هذا المقال، سنقوم بتحليل كود Flutter يستخدم Hive كقاعدة بيانات محلية، ونشرح كيفية عمل كل جزء منه. سنتعرف على كيفية إضافة البيانات واسترجاعها بطرق فعالة،...

خطوات سهلة لتطبيق الترجمات المتعددة في تطبيقات الأندرويد باستخدام Flutter Localizationsأصبح تطوير تطبيقات الهاتف المحمول معقدًا بشكل متزايد مع تزايد الحاجة إلى دعم لغات متعددة لتلبية احتياجات المستخدمين في جميع أنحاء العالم. تعد مكتبة Flutter Localizations إحدى الأدوات القوية التي تساعد المطورين في هذا الصدد. سنناقش في هذه المقالة كيفية...

كيفية التعامل مع زيادة عدد الـ Imports في Flutter باستخدام الملفات الـ Barrelفي هذا الشرح، سنتعرف على طريقة لتنظيم الـ Imports في Flutter، وذلك من خلال استخدام الملفات الـ Barrel. , يمكن تنظيم الـ Imports في Flutter باستخدام الملفات الـ Barrel، حيث تسمح هذه الملفات بدمج الـ Imports في ملف...

ما هو Debouncer؟هل سمعتَ بمصطلح "Debouncer"؟ لا تقلق، فهو ليس نوعًا من الطعام اللذيذ، بل تقنية ذكية تُستخدم في برمجة Flutter لمنع تنفيذ العمليات بشكل متكرر دون داعٍ.ما هو Debouncer؟ببساطة، تخيّل أنك تضغط على زرّ "البحث" بشكل متكرر أثناء كتابة استعلامك.مع Debouncer، لن يتمّ إرسال كل ضغطة إلى خادم البحث،بل...

ودع فوضى إصدارات Flutter! كيف تُثبّت وتُغير بين الإصدارات بنقرة واحدة؟ (FVM بالتفصيل)Flutter FVM هي أداة مجانية مفتوحة المصدر مصممة لتسهيل إدارة إصدارات Flutter SDK (مجموعة تطوير البرامج) المختلفة على جهازك. يتيح لك FVM التبديل بسهولة بين الإصدارات، وتثبيت الإصدارات الجديدة، وتعيين إصدارات محددة لمشاريع Flutter الفردية، كل ذلك باستخدام...

شرح كيفيه تشفير وفك تشفير الملفات في Flutter باستخدام كود Nativeسنقدم في هذه المقالة التعليمات البرمجية لتشفير وفك تشفير الملفات في تطبيق Flutter باستخدام Kotlin كجزء من قناة الاتصال بين Flutter وAndroid عبر MethodChannel. سيكون هذا الموضوع محل اهتمام المطورين الذين يسعون إلى تعزيز أمان التطبيقات من خلال تشفير الملفات،...

معلومة خفية في Flutter قد تُحدث فرقًا كبيرًا: كيف تبني ثيمات قابلة لإعادة الاستخدام بسهولة؟يعد ThemeExtension طريقة لتوسيع السمات المخصصة في Flutter، مما يسمح لك بإضافة سمات إضافية، مثل الألوان أو الخطوط أو البيانات الأخرى القابلة للتخصيص. يتيح لك ذلك تطبيق التصميمات المخصصة وإدارتها بسهولة في جميع أجزاء التطبيق دون...

كيفية إنشاء Flavors في iOS بدون تعقيد وبالصور لمشروع Flutterفي عالم تطوير التطبيقات، من الشائع وجود أكثر من نسخة لنفس التطبيق مثل: الإصدار التجريبي (Dev)، والإصدار المنتج (Prod). يُعرف هذا بإعداد Build Flavors . وفي هذا المقال سنشرح خطوات واضحة لإنشاء Flavors لتطبيق iOS باستخدام Xcode.فتح المشروع في Xcodeافتح مشروعك...

كيف تضيف Flavors في Flutter لأندرويد وتبني نسخ متعددة من تطبيقك بسهولةفي عالم تطوير التطبيقات، تعد ميزة Flavor واحدة من الأدوات القوية التي توفرها Flutter لتسهيل إدارة البيئات المختلفة داخل نفس المشروع. سواء كنت تعمل على إصدار تطوير (Development) ، اختبار (Staging) ، أو إنتاج (Production) ، فإن استخدام Flavors...

ما هو RouteObserver وRouteAware في Flutter؟تعد إدارة التنقل جزءًا مهمًا من أي تطبيق Flutter وبعض الأدوات المهمة التي توفرها Flutter لإدارة التنقل تشمل RouteObserver وRouteAware. تسمح لك هذه الأدوات بمراقبة تغييرات الحالة المتعلقة بالتنقل في الصفحة أو "المسارات" في التطبيق. ستتعلم في هذه المقالة كيفية استخدام RouteObserver وRouteAware مع الشرحالكود...

تعلّم كيف تجعل BottomNavigationBar يظهر في كل الشاشات في تطبيقات Flutterيعد Flutter أحد أكثر أطر العمل شيوعًا لبناء تطبيقات الهاتف المحمول، وإحدى الميزات شائعة الاستخدام هي استخدام BottomNavigationBar للتنقل بين الشاشات المختلفة داخل التطبيق. في هذه المقالة سوف نقوم بحل مشكلة شائعة يواجهها العديد من المطورين عند التعامل مع BottomNavigationBar،...

كيف تحول أي Widget في تطبيقك إلى صورة عالية الجودة؟كيف تحول اي Widget إلى صور بضغطة زر في فلاترتحويل الـ Widgets إلى صور داخل التطبيقات يعد ميزة قوية يمكن أن تُستخدم في العديد من السيناريوهات، مثل حفظ التذاكر الإلكترونية أو إيصالات الدفع بجودة عالية جاهزة للطباعة. في هذا المقال، سنوضح...

لماذا لا تعمل ملفات SVG الخاصة بك في Flutter؟ اكتشف الأسباب والحلول لماذا لا تعمل ملفات SVG الخاصة بك في Flutter؟ اكتشف الأسباب والحلولإذا قمت بتطوير تطبيقات باستخدام Flutter، فقد تواجه مشاكل عند استخدام ملفات SVG. في بعض الأحيان لا تظهر الصور أو تظهر بألوان مختلفة عن تلك التي قمت بتنزيلها....

كيفيه توفير مساحه لجهازك mac للمبرمجين !بعد فتره من استعمالك لجهازك ومع كثرة التحديثات سوف تلاحظ ان المساحه لديك الخاص بالجهاز تقل مع العلم انه لم تقم بتحميل الكثير من الملفات والسبب يرجع لعدة اسباب ولكن لا تقلق في مقاله اليوم سوف اخبرك كيف تقوم بحل هذه المشكله بكل سهوله...

 لماذا زاد حجم تطبيقات Android بعد SDK Version 23؟ منذ الإصدار 23 من Android SDK، لاحظ العديد من المطورين زيادة في حجم ملفات التطبيق أثناء عمليات الإنشاء. ويرجع ذلك إلى التغييرات في طريقة التعامل مع المكتبات الأصلية في ملفات APK. ولكن ما الذي تغير بالضبط ولماذا أصبحت التطبيقات أكبر وأكبر؟ما هو...

حل مشكله ظهور البيانات المخزنة في Shared Preferences بعد حذف التطبيق للاندرويد؟حل مشكله ظهور البيانات المخزنة في Shared Preferences بعد حذف التطبيق للاندرويد؟ هل حدث معك من قبل أنك كنت تعمل على تطبيق Android وتستخدم Shared Preferences، ثم قمت بإزالة التطبيق وأعدت تثبيته، وفوجئت بأن البيانات التي خزنتها في Shared Preferences...

أسباب مشكلة Hot Reload في Flutter وكيفية تجنبهاHot Reload لا يعمل؟ جرب هذه الحلول الفعّالة الآن!في عالم تطوير البرمجيات، تُعتبر ميزة Hot Reload واحدة من أكثر الخصائص فاعلية لتسريع عملية التطوير. فهي تسمح للمطورين بإجراء تغييرات على كتابه الكود ورؤية النتائج مباشره دون الحاجة إلى إعادة تشغيل التطبيق بالكامل. ومع...

 كيفية إضافة مكتبات Flutter محليًا على نظامي التشغيل macOS وWindows باستخدام ملفاتعند تطوير تطبيقات Flutter، قد ترغب أحيانًا في استخدام مكتبات محلية مخصصة بدلاً من تنزيلها من الإنترنت، خاصة إذا كنت تستخدم مكتبة تقوم بتطويرها أو تريد تعديلها لتناسب احتياجاتك. سنشرح في هذه المقالة كيفية إعداد مكتبة Flutter محليًا باستخدام...

 كيف يعمل الـ Event Loop في Dart؟ اكتشف السر وراء تطبيقات لا تتوقفتعلم الـ Event Loop في Dart خطوة بخطوة وأبدع في تطوير تطبيقات لا تتوقفإذا كنت مطور Flutter أو Dart، فمن المحتمل أن تواجه العديد من المفاهيم المتعلقة بالبرمجة غير المتزامنة. أحد هذه المفاهيم الأساسية هو دورة الحدث. في...

اضافة عدسة مكبره للصور في تطبيقات Flutter || Add a magnifying glass to images in Flutter applicationsفي هذا المقال سوف نشرح معكم كيف تقوم بإضافة خاصية عدسة مكبره تظهر في التطبيق الخاص بك وعندما يقوم المستخدم بتمرير العدسه على العناصر سوف تكبر العناصر بالحجم الذي تقوم بتحديده انت ولتنفيذ هذه...

عرض اسم التطبيق باكثر من لغه حسب لغة الجهاز  وايضا SplashScrren على اجهزة الاندرويدلكي تقوم بعمل تطبيق يظهر للمستخدم اذا كان هاتفه بالعربي باسم وباسم اخر لو كان بالانجليزي مثال لو كان هاتف المستخدم انجليزي يكون geecoders واذا كان العكس يكون جي كودرس وهذا يكون الاسم الخارجي للتطبيق والعملية سهله...

معرفة المده الزمنيه التي يستغرقها المستخدم داخل تطبيقك في flutterقياس مدة بقاء المستخدم في التطبيق هو مقياس مهم لنجاح التطبيق ورضا المستخدمين عنه. يمكن أن يساعد المطورين على تحسين التطبيق وجعله أكثر جاذبية للمستخدمين.فيما يلي بعض الفوائد المحددة لقياس مدة بقاء المستخدم في التطبيق:قياس النجاح: يمكن أن يساعد قياس مدة...

انشاء bottomSheet متغير الحجم مع امكانية اظهار appbar عند رفعه للاعلى في FlutterbottomSheet واحد من العناصر التي تستخدم في تطوير التطبيقات بشكل قوي وضروري ولكن هناك منكم لا يعرف عن الDraggableScrollableSheet وهو نفس وظيفة عمل ال bottomSheet ولكن الفرق بينهم ان DraggableScrollableSheet قابل للرفع ويمكنه الوصول الى اقصى الشاشه من...

 شرح استخدام IntrinsicHeight في Flutter بسهولهمؤخرا اكتشفت Widget في flutter جميله جداستوفر عليك الكثير من الوقت وتحسن من مظهر تطبيقك  بشكل كبير ، كيف هذا ؟ هنالك Widget اسمها IntrinsicHeight وظيفتها بكل بساطة انك تستخدمها وبعدها تفعل بداخلها اي تصميم وسوف يصبح اول عنصر ياخد الطول الذي اسفلها سياخذ نفس...

الطريقة الصحيحه لعمل scroll للعناصر في حالة وجود ListView في flutter باستخدام CustomScrollViewفي هذا المقال سوف نشرح معكم كيف تقوم ببناء ScrollView في حالة اذا كان لديك احد العناصر موجوده بالاعلى وتريد ان تقوم بعمل ScrollView كامل للشاشه وهذا اذا كان لديك جزء في الاعلى يحتوي على عنصر وبالاسفل مباشرة...

كيفية عرض صفحة فوق صفحة مع عمل تاثير ال blur للصفحه السابقه في flutterاثناء تجربتي لاحد التطبيقات وجت بداخله امكانية لعمل تصميم مع اظهار blur على باقي الشاشه وبعد عمليات بحث طويله توصلت الى الحل واحببت ان اشارك الحل معكم وهو من الحلول الذكيه في تطوير تطبيقات الجوال هذا الحل...

كيف تقوم بعمل تصميم للموبايل وتصميم لسطح المكتب في Flutter ومعرفة المنصة التي يعمل عليها الهاتف وعرض التصميم المخصص لهافي هذا المقال سوف نحاول تحسين مساحات التطبيق الخاصه بك حتى يعمل على الهاتف وايضا على المتصفح او كتطبيق والامر بسيط جدا فكل ما سوف نقوم به هو وضع مساحة قصوى...

عرض جميع الدول والمناطق المخصصه لكل دولة في Flutterفي هذا المقال سوف نعرض معاكم اسماء الدولل مع المناطق المخصصه لكل دوله باستخدام ملف json في تطبيق Flutter حتى تكون قادر على بناء التطبيق الخاص بك بدون ادنى مشاكل واضافة جميع البلاد لديك في التطبيق بسهوله وبالمناسبة هذا الملف كان من...

شرح كيفية حفظ scroll المستخدم داخل ال list في فلاتر | How to save the user scroll inside the list in Flutterفي هذا المقال سوف نشرح معكم كيف تقوم بعمل save للموقع الذي تقف عنده في ال list حتى تكون قادر على الانتقال اليه مره اخرى في Flutter وهذا يكون عن...

شرح كيفية تحريك و اسقاط العناصر في فلاتر | drag and drop widget in Flutterفي هذا المقال سوف نشرح معكم كيف تقوم بعمل تحريك واسقاط للعناصر drag and drop باستخدام تقنية flutter والغنيه عن التعريف , سوف نشارك معكم موضوع مهم في تحريك العناصر وهو drag and drop وكيف تستطيع...

شرح تحويل الارقام من عربي الى انجليزي او العكس وجعل اول حرف من كل كلمة capital في تطبيقات Flutterفي هذا المقال سوف نقدم لكم شرح لكيفية عمل تغيير لصيغة الارقام من الانجليزيه الى الهنديه او العربيه المتعارف عليها وبالمناسبة تغيير الارقام قد يسبب لك مشكلة ولهذا عليك معرفة الرقم المدخل...

تخصيص عرض اختيار التاريخ في flutter الى reel كاجهزة iosفي هذا المقال سوف نشرح معكم كيف تقوم بعمل تغيير لشكل اختيار التاريخ معك في التطبيق الخاص بك ف flutter كما نعلم ان الشكل التقليدي كثير من المطورين والمستخدمين لا يفضلونه ولهذا عليك بتغيير الاشكال التقليديه التي متعارف عليها من قبل...

اضافة الصعود للاعلى والاسفل اثناء scroll ومعرفة حالة ال scrollبسم الله الرحمن الرحيم في هذا المقال سوف نشرح معكم كيف تقوم بعمل auto scroll وايضا عمل تغيير لامكانية الصعود سواء للاعلى او للاسفل بناء على حالة المستخدم سواء كان يريد الصعود او النزول للاسفل ايضا سوف تستطيع تحديد الموقع الذي...

شرح كيفية حفظ موقع scroll المستخدم داخل ال list في فلاتر | how to save the user scroll inside the listفي هذا المقال سوف نشرح معكم كيف تقوم بعمل save للموقع الذي تقف عنده في ال list حتى تكون قادر على الانتقال اليه مره اخرى في Flutter وهذا يكون عن طريق...

شرح كيفية استخدام StatefulBuilder داخل Flutter ورفع كفاءة تطبيقكفي هذا المقال سوف نشرح لكم عنصر مهم جدا ويساعد بشكل كبير في الحفاظ على اداء التطبيق اذا تم استخدامه بالشكل الصحيح وهو StatefulBuilder وهو يساعدك على اعادة بناء الصفحه وتحديدا العنصر المراد تغييره وليس اعادة بناء الصفحه كامله استخدامك لل StatefulBuilder...

شرح حذف تاثير الscroll اثناء التمرير في flutterفي بعض الاحيان نحتاج الى القيام بعملية ازالة للاسكرول او تاثير الاسكرول في تطبيقاتنا وانا هنا سوف اشرح لكم كيف تقوم هذه الفكرة وكيف تستطيع الغاء تاثير ال scroll من تطبيقك والغاء التاثير بشكل صحيح بدون اي مشاكل كل ما عليك هو اتباع...

حفظ مكان الscroll الخاص بالمستخدم في تطبيقك دون الرجوع للاعلىفي هذا المقال سوف نتعرف على كيفية حفظ المكان الذي قام المستخدم بالتصفح فيه وذلك يكون عن طريق استخدام SingleChildScrollView حيث في درس سابق شرحنا كيف تنتقل الى اخر عنصر قمت بتصفحه باستخدام listView ولكن عند استخدامك لل SingleChildScrollView يكون الامر...

ترجمة كامله لتطبيقك باستخدام مكتبة easy localization مع شرح الاستخدام في Flutterمكتبة easy_localization هي مكتبة Flutter مفتوحة المصدر تسهل عملية الترجمة الدولية لتطبيقات Flutter. توفر المكتبة مجموعة من الميزات التي تجعل من السهل ترجمة تطبيقاتك إلى لغات متعددة، بما في ذلك مجموعه مميزات لهاهناك حاجة إلى لغات البرمجة Swift أو...

ترجمة التطبيق الخاص بك في flutter بدون اي مكتباتيمكن ترجمة تطبيق Flutter بدون مكتبات عن طريق إنشاء ملفات ترجمة لكل لغة تريد دعمها. يمكنك استخدام أي تنسيق ملف تريده لترجمة، ولكن تنسيق JSON هو الأكثر شيوعًا.إحدى أهم مزايا إنشاء تطبيق ويب هي التكلفة المنخفضة. خاصة إذا قمت بالاستعانة بمصادر خارجية...

إضافة Timer في Flutter مع تنفيذ امر معين بعد الانتهاء الوقتفي احد المشاريع التي كنت اعمل عليها طلب العميل مني مؤقت وبعد مرور وقت معين يتم تسجيل عملية تسجيل خروج من التطبيق ولهذا قمت بعمل وقت معين بمقدار 5 ثواني وبعد انتهاء المده يتم عمل emit ومن خلالها اقوم بعملية...

شرح كيفية عمل ExpansionPanelList في Flutterاحيانا عند تطوير تطبيق خاص بك تحتاج الى اضافة الى قائمه منسدله في التطبيق ولكن القائمه تكون عباره عن عنوان خاص بها وعند النقر عليها يتم عرضها بشكل كامل كما هو موضح بالصورة الخاصه بالمقال وعند النقر عليها مره اخرى يتم اخفاء جزء منها ويبقى...

كيفية تنفيذ امر معين عند النقر مطول على صورة او اي عنصر في Flutterيغفل كثير من المبرمجين عن widget مهم وموجود في flutter وهو CupertinoContextMenu حيث انه يقوم بتنفيذ وظيفة رائعه ويعطي مظهر جيد لتطبيقك , بكل بساطه يعمل على امكانية جعل العنصر الذي ينقر عليه المستخدم قابل للضغط المطول...

شرح قراءة ملف json من الassets في Flutter وعرضهفي هذه المقالة سوف نشرح معكم كيف تقوم بقراءة ملف json موجود في ال assets الخاصه بك في flutter وكيفية عرض المحتويات من خلال هذا الملف بكل سهوله والامر بسيط جدا وقد سبق وقدمنا لكم نفس هذه الفكرة تماما في تطوير تطبيقات...

شرح استخدام StreemBuilder في Flutterفي هذا المقال سوف نشرح معكم فكرة عمل StreemBuilder وكيف تقوم بعمل استريم في التطبيق الخاص بك في flutter وهو عنصر مهم عليك معرفته والتعلم عليه وفي هذا الدرس سوف نشرح لكم الفكرة بكل سهوله وغالبا تستخدم مع تطبيقات الشات والمحادثات حيث نحتاج معرفة الشخص الذي...

شرح كيفية قراء ملف text في فلاتر || How to read text file in Flutter projectفي الدروس السابقة شاركنا معكم كيف تستطيع قراءة ملفات  json من داخل ملفات المشروع الخاص بك بكل سهوله والامر لا يختلف كثيرا في قراءة ملف نصي بداخل الflutter فهي نفس الطريقة تقريبا ولكن يمكنك تخصيص...

شرح استخدام FutureBuilder في Flutterفي هذا المقال سوف نشرح لكم كيف يمكنك استخدام FutureBuilder باسهل طريقة وكما نعلم ان flutter تسهل علينا اعادة بناء ال widget بكل سهوله , وفي هذا المقال سوف نشرح لكم خاصية FutureBuilder وهيا من الخواص التي عليك التعرف عليها واستخدامها في تطبيقك لتفادي كثير من...

تشفير الكلام والنصوص في Flutter || Encrypt speech and text in Flutterاصبحت عملية التشفير مهمه جدا لاي تطبيق موجود على المتجر لكن مجال الاختراق اصبح منتشر بشكل كبير جدا وعلى المبرمجين الاهتمام بالتشفير في تطبيقاتهم حتى لا يتم اختراق التطبيق الخاص بك وتسريب البيانات من داخله ويوجد طريقة تشفير متعارف عليها...

شرح كيفية تشغيل المشروع الخاص بك على Web باستخدام Flutterفي هذه المقالة سوف نشرح لكم كيف تقوم بتشغيل تطبيق الفلاتر الخاص بك على الويب بدون اي مشاكل بالاضافة الى امكانية تخطي مشاكل الانترنت التي قد تواجهها اثناء تشغيل التطبيق الخاص بك على الانترنت وكل هذا سوف يكون من خلال الكود...

كيفية عرض التصميم المناسب لكل نظام تشغيل باستخدام Flutter بدون مشاكلكما نعلم ان كل نظام تشغيل يحتوي على مجموعه من الايقونات والتصميم الخاص به وهذا يختلف من الاندرويد الى ios واذا كنت تريد تطوير تطبيق يعمل على كلا المنصتين فيمكنك ذلك بكل سهوله ولكن التصميم قد يختلف تمام ولحل هذه...

شرح كيفية عمل تحديث للبيانات الموجوده بداخل الصفحه وجلب بيانات جديده في فلاترفي هذا المقال سوف نشرح لكم الفكرة التي يعتمد عليها معظم التطبيقات الشهيره في مجال تطبيقات الجوال وهيا عندما يتم الصعود الى اقصى الاعلى يتم تحميل المزيد من البيانات او تنفيذ اي عمليه ترغب بها وقد سبق وشرحنا...

شرح كيفية تنسيق الظل عند الضغط المطول مع ال container borderRadiusعند تصميم بعض العناصر في تطبيقك تحتاج الى ان تقوم بوضعها بشكل دائري ويكون هذا العنصر قابل للنصر ولكن تواجهك مشكلة اثناء تنفيذه هذه العملية وهيا انه عندما يتم استخدام اي عنصر قابل للنقر فإن المساحه التي يحصل عليها تكون...

شرح التاكد من صيغة البريد الاليكتروني في Flutterفي هذا المقال والذي يعد من المقالات المهمه والتي يجب على اي مطور استخدمها في عملية تسجيل الدخول او تسجيل حساب في تطبيقك وهيا التاكد من ان البريد الاليكتروني تم وضعه بالطريقة الصحيحه وهيا التاكد من ان الاميل يحتوي على @ وايضا يحتوي...

التاكد من قوة كلمة المرور في flutter بدون مكتبةفي هذا الدرس سوف نقدم لكم كيف تقوم باختبار كلمة المرور الخاصه بك والتي يقوم المستخدم بإدخالها لكي تتاكد ان كلمة المرور قوية وهذا الدرس قام احد العملاء بطلبه مني في مشروعه حيث طلب تصميم لقوة كلمة المرور في مشروعه لكي يرفع...

إخفاء الشريط العلوي appbar اثناء scroll في flutterكثير من التطبيقات الموجوده بشكل كبير جدا على المتجر توفر ميزة اخفاء الشريط العلوي والسفلي عند عمل scrollig في التطبيق ولكن هل سالت نفسك كيف تتم هذه العملية ؟ وهل الامر صعب لتنفيذ هذه العملية او هل يوجد مكتبات في flutter تقوم بهذه...

شرح كيفية عمل search مع with filtterامكانية اضافة مربع البحث في تطبيقك قمنا بشرحه لكم باكثر من طريقة في موقعنا واغلب الدروس الموجوده على الانترنت قامت بشرح هذا الsearch ولكن في هذا الدرس سوف نشرح شيئ مختلف في عملية البحث حيث سوف نقوم بتغيير البيانات اثناء عملية البحث على عنصر...

شرح كيفية اخفاء appbar و bottomNavigationBar اثناء عمل scroll للصفحهمعظم التطبيقات الكبيره دائما نلاحظ انها تحاول ان تجعل المستخدم يبقى اكبر مده ممكنه في التطبيقات الخاصه بها وذلك بانها تعطي تجربة استخدام جميلة للمستخدم وتجعل المستخدم يفضل التطبيق , ومن ضمن الاشياء التي يركز عليها معظم التطبيقات الكبيره وهيا خاصية...

شرح دورة حياة التطبيق الخاص بفلاتر بشكل بسيط جدايجب على كل المبرمجين معرفة دورة حياة التطبيق لان التطبيقات تعتمد بشكل اساسي على دورة حياة معينه وابسط مثال على ذلك عندما يتم اغلاق الهاتف او حتى يتم وضع الهاتف في وضع الانتظار وهذا ما يحدث عندما يتم تصغير التطبيق فيمكنك تنفيذ...

 اخفاء Keyboard اثناء عند الضغط على اي مكان في الشاشه او الscroll في Flutterعند استخدام TextField تحتاج الى ان تقوم بإخفاء الكيبورد اثناء النزول الى الاسفل اذا كان التطبيق يحتوي على اكثر من TextField او حتى نريد اخفاء الكيبورد عند الضغط على اي مكان في الشاشه ولهذا نقدم لكم في...

شرح كيفية عرض المزيد من العناصر عند الوصول الى نهايه الصفحة | pagination scroll down flutterتعد فكرة الpagination من اكثر الافكار التي يتم اعتمادها في كثير من التطبيقات وذلك لانها تحسن من اداء التطبيق الخاص بك بشكل كبير جدا وهي بكل بساطة تقوم بتقسم المحتوى الى مجموعه من العناصر مثال...

 كيفية تغيير ستايل الtab عند الاستخدام في فلاتراستخدام الtab من العناصر التي تستخدم في معظم التطبيقات ولكن الاغلب منا يستخدم الطريقة العاديه ويبحث عن طريقة لوضع container بداخل الtab يحتوي على curve ويكون لون الcontainer بنفس لون خلفية العناصر التي بداخلها ولتنفيذ هذه العملية يوجد طريقتين الاولى بدون استخدام اي...

navigation drawer بجميع تفاصيلها في Flutterيعد الnavigation drawer من العناصر الاساسيه في التطبيقات وهو بكل بساطه عباره عن شريط جانبي يظهر عند النقر عليه ويمكنك وضع اي تصميم وكود تريده في هذا الشريط الجانبي وفي هذه المقالة سوف نشرح لكم كيف تقوم بالتعامل مع الnavigation drawer بكل سهوله وماهي خصائصه...

 شرح كيفية نسخ نص داخل فلاتر بطرق متنوعةفي هذا المقال سوف نشارك معكم مجموعة مختلفه من الطرق التي تمكنك من امكانية مشاركة محتوى نصي من داخل التطبيق الخاص بك في فلاتر بسهوله وامكانية النسخ فهي سهله جدا وFlutter تسهل علينا العملية بسهوله الطريقة الاولى وهيا التي افضلها شخصيه وهي عباره...

شرح كيفية عمل GlassBlur في Flutter والتحكم في نسبة الBlurفي هذا المقال سوف نتعرف على كيفية عمل GlassBlur للصور بشكل احترافي والتعامل مع العناصر وحجم الشفافيه في العنصر , وكثير من الاشخاص يبحثون عن طرق لعمل ضبابيه للعناصر وفي هذا المقال نقدم لك widget تستطيع استخدامه لعمل الGlassBlur بسهوله وبدون...

 شرح كيفية تغيير رسالة الError في فلاتر | Explain how to change the error message in Flutterرسالة الخطا التي تظهر في فلاتر مزعجه جدا وتسبب قلق لكثير من المطورين ولكن ماذا لو اخبرتك انك تستطيع وبكل سهوله ان تغيير هذه النافذه والرساله الى اي شكل تريده مع ارفاق سبب المشكلة كما...

شرح كيفية إضافة ظل حول العناصر في فلاتر | how to add a shadow around items in Flutterبعد تصميم اي تطبيق لك بإستخدام تقنية flutter او اي تقنية اخرى تحتاج الى ان تقوم بتحسين مظهر التطبيق وبالفعل يمكنك ذلك من خلال استخدام بعض الwidget التي تحسن من شكل تطبيقك وفي...

 شرح كيفية انشاء TabBar في flutter بسهوله والتعامل مع مختلف الشاشات في نفس الصفحةبسم الله الرحمن الرحيم , يعد استخدام الtabBar مهم جدا في تطوير التطبيقات بشكل عام وذلك لانه بسيط ويعطي منظر جميل لتطبيقك وفي Flutter الامر بسيط جدا وغير معقد عكس الjava فهنالك كنا ناخذ اكثر من مرحله...

شرح DropdownButton في فلاتر بابسط طريقةتعتبر DropdownButton واحده من اشهر الwidget الموجوده بداخل تقنية flutter ومن اهمها ايضا وتستخدم في معظم المشاريع الكبيره وذلك لانها بسيطه وتعطي منظر رائع لتطبيقك وتوجد في معظم التطبيقات الكبيره مثل فيسبوك وتويتر وانستقرام وغيرها من المنصات ويمكنك تعملها وتنفيذها في مشروعك بكل سهوله وهيا...

 شرح FittedBox ووضع اقصى حجم للعنصر بدون مشاكل في فلاترهل جربت في يوم من الايام كتابة نص بحجم كبير يكون اكبر من حجم الcontainer الذي بداخله النص ؟ ماذا حدث في هذه الحالة بالطبع اخرج لك التطبيق رسالة error تخبرك ان الحجم الخاص بالنص اكبر من الحجم الطبيعي ولحل المشكلة...

 شرح كيفية التاكد من الاتصال بالانترنت وفي حالة عدم الاتصال اظهار صفحة عدم وجود انترنت flutterفي كثير من الاحيان نحتاج الى التاكد من وجود الانترنت في هاتف المستخدم لكي نقوم بفتح التطبيق له وفي هذا المقال نشارك معكم واحده من الاضافات المخصصه في عملية معرفة هل الهاتف متصل بالانترنت ام...

 شرح كيفية تكبيره الصورة والتحكم في جميع تفاصيلها بواسطة flutterكثير من المواقع والتطبيقات نشاهد فيها امكانية تكبيره الصوره عن طريق عمل zoom عليها وفي هذه المقالة سوف نقدم لكم شرح كيفية تكبيره الصورة والتحكم في جميع تفاصيلها في فلاتر بدون اي مكتبات خارجية وهذه العمليه بسيطة جدا وغير معقده ويمكنك...

 شرح استخدام PopupMenu في Flutter بكل تفاصيلهايعتبر الPopupMenu  واحد من العناصر التي توجد داخل الappbar وهي عباره عن ثلاث نقاط عند النقر عليها تظهر قائمة منسدله بها عدد من العناصر ويمكنك تنفيذ وظيفة معينه لكل عنصر مثل البحث او الانتقال الى صفحة اخرى او تغيير اسم او اي عملية تريد...

كيفية تقسيم جزء معين من التصميم في الشاشه باستخدام FractionallySizedBoxفكرة الFractionallySizedBox بسيطة جدا جدا وهيا مهمه للغايه لكي تحافظ على تشغيل التطبيقات على مختلف المنصات والهواتف المختلفه ولا يحدث معك مشاكل خلافا عن المقاسات الثابته التي تقوم بإعطائها للتطبيق والعناصر بداخله وهذه النسب لا تكون دقيقه لان الهواتف تختلف من...

 شرح FloatingActionButton في Flutter وكيفية عمل Custom FloatingActionButtonكما نعلم ان الFloatingActionButton يعد واحد من اهم العناصر التي يتم استخدامها بشكل كبير في التطبيقات ولهذا نشارك معكم في مقالة اليوم كيف تقوم بإنشاء FloatingActionButton بشكل مخصص بمعنى سوف تكون المتحكم في جميع تفاصيل هذا الwidget والامر بسيط جدا ولن نحتاج الى...

الحصول على ابعاد الشاشه باستخدام LayoutBuilderعند تصميم اي واجهة تطبيق نلاحظ انه تكون هناك مشكلة في اختلاف حجم الشاشات ولذلك يظهر في بعض التطبيقات Error او عدم تناسق العناصر في التطبيق رغم انك قمت بتجربة نفس التطبيق على هاتفك ولكن على هاتف اخر كان يظهر به المشاكل والسبب يعرض الى...

 عمل مؤشر لتتبع الخطوات في فلاتر | flutter stepperيستخدم الflutter stepper بشكل كبير في التطبيقات التي تتخصص في الشراء من الانترنت او حتى يمكنك استخدامه في بداية الصفحة مثل اتباع خطوات معينة داخل التطبيقات او قبول بعض السماحيات لكي يتمكن التطبيق من استخدام بعض الاوامر المعينه من جهازك والكثير من...

 كود منع تدوير الشاشه في التطبيقات بإستخدام فلاترعند البدء في عمل تطبيق على فلاتر او اي بيئة عمل اخرى في الغالب يكون التطبيق الخاص بك مصمم لان يكون بشكل عمودي ولكن اذا قام المستخدم بتفعيل ميزة تدوير الشاشة في هاتفه وقام بتدوير التطبيق الخاص بك سوف تلاحظ ظهور مشاكل كثيرة...

 شرح كيفية تغيير اللغة بين العربيه والانجليزيه في flutterتغيير اللغة امر مهم جدا لكل شخص عليه معرفته فهو مطلوب بشكل كبير في التطبيقات الكبيره وقد لا تخلو منها واختيار عدد كبير من اللغات ولكن بشكل مبسط سوف نشرح لك كيفية التغيير بين اللغة الانجليزية والعربيه وفي الدروس المقبلة بإذن الله...

 كود تكبير الصور في Flutter عند النقر عليها مرتين مع امكانية تتبع الموقع المراد تكبيرهنشارك معكم بإذن الله تعالى في مقالة اليوم شرح مميز لكيفية تكبيره الصورة على جزء معين بمجرد الضغط عليه مرتين , تعتبر عملية تكبير الصور من العناصر التي اصبحت متوفر بشكل كبير في اغلب التطبيقات وذلك...

 كيفية وضع العناصر فوق بعض في فلاتر بدون مكتبات باستخدام Stack و Positionedفي كثير من الاحيان نحتاج ان نقوم بوضع تصميم فوق تصميم ولكن لا يكون بداخله كما يتم في Stack ولكن يكون بينه وبين تصميم اخر او فوقة كما هو موضح في الصورة الخاصه بالمقالة وهي وضع عنصر فوق...

 التعديل على زر الرجوع للخلف في فلاتر | your are sure to exit from app flutterفي هذا المقال سوف نقوم بشرح لكم كيفية الرجوع الى الخلف والخروج من التطبيق اظهار مربع تنبيه للتاكد من امكانية الخروج من التطبيق ام الاستمرار في التطبيق كما هو موضح في الصورة الخاصه بمقالة اليوم...

 شرح تمرير البيانات في Flutter اثناء الانتقال بين الصفحاتعملية تمرير البيانات لابد ان تحدث في اي تطبيق تعمل عليه وعليك ان تعرف كيف تقوم بتمرير البيانات وما الفائده منها , بكل بساطة اذا كانت لديك صفحة يوجد بها اسم منتج ونبذه بسيطة عن التفاصيل تريد عند الضغط على اسم العنصر...

 التعامل مع التصميم في حالة portrait و landscape باستخدام mediaQuery في Flutterفي هذا الدرس والتابع لدروس تعلم التعامل مع انواع الشاشات المختلفه وضبط ابعاد التصميم لكي تتناسق مع مختلف الشاشات ولعدم حدوث مشاكل عند تشغيل التطبيق مع الشاشات المختلفه , في درس اليوم سوف نشرح فكرة الmediaQuery  وهي من اهم...

 كيفية ضبط ابعاد التصميم للعمل بشكل افقي وعمودي بدون مشاكل في فلاتر باستخدام LayoutBuilderفي هذا الدرس والذي نكمل فيه سلسلة تعلم كيفية ضبط ابعاد الشاشه على مختلف الاجهزه ومعرفة اذا كان التصميم في الوضع الافقي او العمودي فيمكنك معرفة ذلك من خلال LayoutBuilder بكل سهوله وسوف نتعرف على كل هذا...

 الحصول على ابعاد الشاشه باستخدام MediaQuery في Flutterفي هذا الدرس والتابع لدروس كيفية تحسين توافق تطبيقك مع مختلف الشاشات في فلاتر سوف نشرح فكرة مشهوره ومستخدمه بشكل كبير وهيا MediaQuery حيث انها طريقة تساعدك على ان تقوم بكتابة الكود مع تحديد ابعاد الشاشه للطول والعرض والتعامل معها ولمضان عدم حدوث...

 التعامل مع وضعيات الشاشة افقي وعمودي باستخدام OrientationBuilder في flutterفي درس اليوم سوف نتعرف على كيفية التعامل مع ابعاد الشاشات المختلفه في flutter وفي هذا الدرس سوف يكون اول درس في هذه السلسله وسوف نبدء معكم بتعلم فكرة عمل OrientationBuilder  وهي بكل بساطة عباره عن خاصية تسمح لنا بتحديد ابعاد...

 إضافة ملف للوضع الليلي والصباحي في Flutterفي هذا المقال سوف نتعرف على كيفية اضافة ملف للوضع الليلي داخل فلاتر وهذا الملف سوف يكون شامل للوضع الليلي والنهاري يمكنك استخدامه في اي وقت وفي اي مشروع بدلا من كتابة كود كبير في الmain وهذا الامر غير محبز لذلك نحاول قدر الامكان...

 انشاء Dialog في Flutter وارسال واستقبال البيانات من خلالهيعد الDialog والعروف باسم المربع الحواري واحد من العناصر المستخدمه بشكل كبير جدا في التطبيقات وفي هذا المقال نشارك معكم كيفية استخدام هذا المربع داخل بيئة العمل flutter وكيف تستطيع ارسال واستقبال البيانات من خلاله وفي هذا الدرس سوف نقوم بارسال بيانات...

 كيفية اضافة الوضع الليلي ( Dark Mode ) في Flutter وحفظ التغيير في sharedPreferences في سوق التطبيقات اليوم ، أصبح وجود سمة Light and Dark لتطبيقك أمرًا ضروريًا تقريبًا. نظرًا لأن المظهر الداكن أكثر راحة لأعيننا من المظهر الفاتح ، ،ولذلك فإن معظم الناس يفضلون إستخدامه عن المظهر الفاتح بشكل كبير...

كيفية عرض تصميم التطبيق من اليسار لليمين او العكس في Flutter في هذا الكود الذي سوف نشاركة معكم في مقالة اليوم , سوف نساعدكم على كيفية تغيير وضيعة التطبيق في Flutter بسهوله , وهذا يعني اذا كان عرض التطبيق الخاص بك يكون من اليسار الى اليمين سوف نساعدكم على تغييره وعكسه...

 نصائح ذهبية لكل مبرمجي Flutter تحسن من اداء تطبيقاتك .في هذة المقالة نشارك معكم مجموعه من النصائح في Flutter والتي من شأنها ان تحسن من اداء التطبيق الخاص بك بشكل كبير وتقلل الdelay بشكل كبير , ولهذا سوف نساعدكم في رفع اداء التطبيق وتقليل الضغط من خلال بعض النصائح التي...

 عمل theme للApplication كامل في flutterالمظهر في التطبيق من الاشياء التي يجب عليك التركيز عليها جيدا وبكثرة ولهذا في هذا المقال نشارك معكم كيفية تغيير الثيم الخاص بالتطبيق الذي تعمل عليه بكل سهوله , ولهذا يمكنك التعامل مع الاكواد والاشكال بشكل جيد من خلال الاكواد التي سوف تضعها في صفحة...

 عرض مربع لاختيار التاريخ في Flutterفي هذا المقال سوف نتعرف باذن الله تعالى على كيفية اضافة  DatePicker في داخل flutter والتعامل مع الوقت والتاريخ , حيث تعد هذة الخطوه مهمه جدا في اغلب التطبيقات التي تحتاج الى جدوله ومن خلال هذا الدرس سوف نساعدكم على التعامل معها وكيفية اظهارها والحصول...

شرح إستخدام الStatefulWidget في Flutterيوجد نوعين في التطوير في بيئة العمل Flutter الاولى وهي StatefulWidget والاخرى StateLessWidget حيث ان الاولى اذا كان يوجد كود تريد تنفيذة في التصميم والاخرى اذا كان التصميم لا يحتوى على اي من الاكشن التي تتم وفي هذا المقال سوف نقوم بعمل معكم counter وسوف نشاهد...

 شرح استخدام Try و Catch في Flutter والتعامل مع ال Errorيعد شرح استخدام Try و Catch من اهم الاستخدامات التي عليك معرفتها وهي من اساسيات لغات البرمجة وبكل بساطة تعني عمل اختبار للحالة والمميز انها لا تقوم بإيقاف التطبيق اثناء العمل بل تكتفي بإظهار المشكلة التي يعاني منها المستخدم فقط...

 شرح استخدام async و awite في Flutter بسهولهفكرة الasync و awite تعنى ببساطة انتظر الى ان تصل البيانات واجعل البيانات تنتظر الى ان تصل , هذة هي فكرتهم بسهوله وتستخدم في الدوال الFuture لان القيمة تكون مستقبليه بمعنى القيمة غير معروفه حاليا مثال على ذلك اذا كنت تحصل على بيانات...

 انشاء وتصميم BottomNavigationBar في فلاتر وتغيير الصفحات من خلالهيعد الBottomNavigationBar واحد من العناصر الرئيسيه والتي لا غنى عنها في برمجة تطبيقات الجوال وذلك بسبب بساطة هذا الزر وسهولة استخدامه وقد لا يخلو اي تطبيق من وجود هذا الزر فهو يمكنك من التحكم بمختلف العناصر ووضع لوجو واسم للعنصر وتنفيذ وظيفة...

 كيفية اظهار واخفاء كلمة المرور في فلاتر بسهوله | Show and hide Password in Flutter من الاشياء التي تعطي طابع جمالي للكود الخاص بك كمبرمج وهي ان تهتم بكل التفاصيل الصغيره والكبير ومن ضمن تلك التفاصيل وهي كلمة المرور كيف يمكنك اضافة ايقونه لتغيير وضعيه كلمة المرور من نجم او نقاط...

 تطبيق الvalidation في Flutter والتاكد من صحة البيانات خاصية الvalidation من الخصائص التي لا غنى عنها اطلاقا في اي لغة برمجة فهي من أساسيات اي لغة برمجة وهي بإختصار عباره عن عمل if للكود الذي تعمل عليه وعمل اختبار له والتاكد من صحة البيانات بداخل الصفحة وفي هذا المقال سوف نتعرف...

 شرح استخدام Reusable Components في Flutter واهميته يعد الReusable Components من اهو العوامل التي عليك معرفتها لكي تتمكن من انجاز عملك بسرعه كبيره فهو بكل بساطة عباره عن كلاس منفصل يتم تخزين فيه مجموعة من الwedgets او methodes والتي يمكنك استدعائها في اي كلاس اخر في اي وقت تريده , ابسط...

 اضافة BottomSheet الى تطبيقك في Flutter بسهولهيعد الBottom Sheet واحدا من العناصر المهمه جدا في التطبيقات حيث انه يعطي شكل جمالي لتطبيقك وايضا يكون هذا الزر مخفي ويظهر عند النقر على عنصر معين او عمل action معين داخل التطبيقك ومن ثم يظهر ويمكنك عمل الاشكال والخصائص التي تريد ظهورها في...

اضافة صور وملحقات خارجية الى Flutter والتعامل معها في التطبيقاثناء استخدامك لتقنية فلاتر تحتاج الى اضافة مجموعة من الصور الخارجية والتي توجد داخل جهازك او اضافة خطوط او غيرها والتعامل معها داخل البرنامج الذي تعمل عليه وفي هذا الدرس سوف نساعدك على كيفية اضافة الصور والملحقات التي تريدها وتريد التعامل...

 كيفية اضافة الوان مختلفة في Flutter وتحسين شكل التطبيقتعد بيئة العمل فلاتر من اقوى التقنيات الموجوده حاليا في تطوير تطبيقات الاندرويد و ios بكود واحد وهذة التقنية عليها اقبال كبير من قبل المستخدمين في الفتره الاخيره وفي هذا المقال سوف نتعرف على كيفية ادارج الوان خارجية الى التطبيق حيث ان...

شرح عمل ModelClass و Constructor لبيانات الlistView في Flutterدالة البناء والمعروف باسم Constructor من الدوال التي لا غنى عنها تماما في اي مجال برمجي سواء كان مجالك تطوير تطبيقات اندرويد و ios او غيرها فهذة الدالة عليك معرفتها ومعرفة الخواص التي تقدمها وهي بكل بساطة تسمح لك بكتابة البيانات التي...

 كيفية عمل ListView في flutter بسهولهالـ listview  واحد من الاشياء التي لا غنى عنها في تصميم تطبيقات الاندرويد او ios وهي ببساطة عمل قائمة تحتوي على مجموعة من العناصر بداخلها ويتم تكرارها في كثير من الاحيان مثال على ذلك تطبيف الماسنجر الذي قمنا به في المقالة السابقة كان الامر يحتاج...

 تصميم واجهة تطبيق messanger facebook بإستخدام flutterواحد من التصاميم المهمه التي عليك التعامل معها وفهمها جيدا في الفلاتر بشكل كبير وهي التعامل مع الويدجت ولذلك نقوم بتنزيل الكثير من الاكواد والشروحات في الويدجت وفيهذا الدرس تحديدا سوف نقوم بعمل تصميم لواجهة تطبيق ماسنجر في فلاتر وهذا التصميم واحد من التصميمات...

 تصميم واجهة Login في Flutter مع شرح كيفية التصميمواجهة login تقريبا من اكثر الواجهات التي يتم تصميمها في بداية اي لغة برمجة وذلك لانها واجهه بسيطة جدا ومستخدم بشكل كبير ولذلك تجد كثير من الشروحات يقدم تصميم هذة الواجهه في البداية لكي تتعرف على المتغيرات الخاصة باللغه وكيفية التصميم من...

 عمل Scroll view وحل مشكلة وجود عناصر اكثر من مساحة الشاشه في flutterفي مقالة اليوم والتي تعد من اولى المقالات في فلاتر سوف نساعدكم على حل مشكلة الوصول الى نهاية الشاشة والعناصر في فلاتر كما نعلم انه اذا كانت العناصر الموجوده في الشاشه سواء كانت بشكل افقي او عمودي اكبر...

 ازالة علامة debugging من التطبيق في Flutterعندما البدء في العمل على تطبيق معين سواء كان بإستخدام برنامج اندرويد ستوديو او vs code تلاحظ وجود علامة debugging في الاعلى داخل شريط في زاوية التطبيق وهذا يسبب ازعاج للمطورين ولذلك يرغب المطور في ازالتها وعملة ازالتها بسيطة جدا جدا فكل ما عليك...

 شرح كيفية تثبيت flutter على اندرويد ستوديو بالصور خطوه بخطوهفي هذا المقال سوف نشرح لكم خطوه بخطوة كيف تقوم بتثبيت الSDK الخاص ب flutter على برنامج الاندرويد ستوديو بدون حدوث اي مشاكل بإذن الله ولذلك عليك بالتركيز واتباع الخطوات المقدمه في هذة المقالة جيدا .1 - يجب عليك تحميل dart...

 عرض شاشة الموبايل على الكمبيوتر اثناء تطوير تطبيقات الموبايلاذا كنت من مطوري تطبيقات الموبايل سواء android او ios في طبيعة الامر تحتاج الى عرض شاشة الموبايل الخاص بك اثناء عملية التطوير لكي تتاكد من الاكواد والاوامر التي تكتبها وايضا لعمل testing بعد كل عملية للتاكد من سلامتها وايضا لحل مشاكل...

شرح كيفية اضافة اي عنصر اسفل listView مباشرة في Flutterفي هذا المقال نشرح لكم كيف تقوم باضافة عنصر يوجد باعلى ال list او اسفلها بطريقة بسيطه جدا وبدون اي تعقيد حيث ان البعض يستخدم singleChild كي يضع عنصر بالاعلى مثلا او الاسفل ويقوم بعرض جميع محتويات ال  list ولكن هذا...