Inherited Widget In Flutter


Inherited Widget In Flutter 



1- في flutter عنصر واجهة المستخدم الموروث , هو فئة أساسية تسمح لتلك الفئات بتوسيع المعلومات الموجودة أسفل الشجرة منها تعتبر التطبيقات المصغرة الموروثة أيضا نوعا من تقنيات إدارة الحالة

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

سيتم شرح آلية عمل عنصر الواجهة الموروث بمثال عملي عن صناعة عداد بسيط يمكن زيارة و انقاص قيمته



2- في البداية ننشئ تابع الmain الخاص بالتطبيق

ثم ننشئ الواجهة الرئيسية لنسميها Root Widget






3- قبل بناء الواجهة الرئيسية ننشئ ال inheretedWidgetالخاصة بنا و لتكن وظيفتها تعديل الstate الخاص بواجهة العداد و تملك اربع خصائص و هي:

• العدد count
• تابع زيارة العداد addCounter
• تابع الازالة من العداد removeCounter
•.child و هي الواجهة التي ستعرض امام المستخدم



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


4- الان نبني الواجهة الرئيسية و ننشئ فيها توابع لاضافة و انقاص العداد و نمررها ل inheratedWidget التي انشأناها مسبقا و نمرر واجهة بسيطة تحتوي زرين لزيارة و انقاص العداد و نص لعرض قيمة العداد كما يلي





5-اضافة التوابع الى الinheratedWidget التي انشأناها





مع الانتباه الى انه علينا استدعاء التوابع من ال inheratedWidget عند ضغط الزر كما يلي



6-


وهذه النتيجة