شارك المقالة

شرح تمرير البيانات في Flutter اثناء الانتقال بين الصفحات

 


شرح تمرير البيانات في Flutter اثناء الانتقال بين الصفحات

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


كان Flutter موجودًا منذ أن أطلقته Google لأول مرة في عام 2015 ، لكن الإثارة المحيطة به أصبحت مؤخرًا أكبر. إنها أداة مشتركة بين الأنظمة الأساسية تستخدم بنية حديثة ومتفاعلة لإنشاء تطبيقات Android و iOS من قاعدة رمز واحدة. يتم استخدام Dart ، وهي لغة برمجة أساسية موجهة للكائنات ، لإنشاء تطبيقات Flutter. يتكون التصميم لدى Flutter من مجموعة قطع واشكال . تكون واجهة المستخدم الكاملة من العديد من عناصر واجهة المستخدم ، كل منها يحدد عنصرًا هيكليًا (مثل زر أو قائمة) ، وعنصر أسلوبي (مثل الخط أو نظام الألوان) ، وجانب التخطيط (مثل الحشو) ، و هكذا. لا تستخدم Flutter أدوات OEM ، وبدلاً من ذلك تقدم أدواتها الخاصة الجاهزة للاستخدام والتي يبدو أنها أصلية في Android (تصميم المواد) أو تطبيقات iOS.


كيفية عمل Pass للdata في فلاتر


كيفية عمل Pass للdata في فلاتر

الصورة السابقة لدينا الclass الموجود باسم CodeLess يحتوي على زر به زر وعند النقر على الزر يتم الانتقال الى صفحة اخرى ولكن اخبرناه اثناء عملية الانتقال قم بنقل كلمة geecoders معك لكي نحصل عليها في الصفحة الاخرى وفي طبيعة الحال يمكنك نقل اي عنصر تريده وليس فقط نص , في الصفحة الاخرى نقوم بعمل متغير يحمل نوع البيانات التي يحصل عليها وهنا تقوم بعمل string , int , double, list … , اي نوع تريد نقلة قم بعمل متغير يحمل اسم ونوع كما في المثال بعدها قم constructor وضع بداخله this.str وهذا الاسم يشير الى المتغير الذي قمنا بعمله في الاخرى والان عندما نريد استخدام البيانات نضعها في المكان المناسب لها كما قمنا بوضعها في text كما في المثال .


تستطيع نقل اي نوع من البيانات كما اخبرتكم , الفكرة التي نقلنا بها نص تستطيع نقل بها object كامل من صفحة الى اخرى بكل سهوله .

فيديو الشرح



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

كيف تضيف ميزة البث المباشر بسهولة في مشروع Flutter أصبحت ميزة البث المباشر عنصرًا أساسيًا…

كيفية اضافة خاصية شرح لعناصر تطبيقك في فلاتر | Show Case Widget in flutter

كيفية اضافة خاصية شرح لعناصر تطبيقك في فلاتر | Show Case Widget in flutter في…

شرح كيفية نقل البيانات من workmanager الى activity في برنامج Android studio

  شرح كيفية نقل البيانات من  workmanager الى activity في اندرويد ستوديواذا كنت تبحث عن…

🚫 مانع الإعلانات مفعل

يجب إيقاف مانع الإعلانات لاستكمال تصفح الموقع