CircularProgressIndicator هو عنصر واجهة مستخدم في Flutter يستخدم لعرض مؤشر تقدم دائري يدل على أن عملية ما جارية ولا زالت تحميل البيانات أو العملية الأخرى. يمكن استخدام CircularProgressIndicator في تطبيقات Flutter لإبلاغ المستخدم بأن الطلب قيد المعالجة أو البحث عن البيانات أو لتحميل البيانات.
خصائص CircularProgressIndicator
تحتوي CircularProgressIndicator على العديد من الخصائص التي يمكن تعديلها لتحقيق تأثيرات مختلفة. فيما يلي شرح لبعض الخصائص الرئيسية لـ CircularProgressIndicator:
“اقرأ أيضاً: شرح استخدام ويدجت Row في فلاتر“
value
هذه الخاصية تحدد ما إذا كان مؤشر التقدم يظهر أم لا. إذا كانت القيمة تساوي null ، فسيتم عرض مؤشر التقدم بشكل مستمر حتى يتم تغيير الحالة. وإذا كانت القيمة تساوي أي رقم آخر ، فسيتم عرض مؤشر التقدم حتى تصل قيمة value إلى هذا الرقم. على سبيل المثال ، إذا كان value يساوي 0.5 ، فسيتم عرض مؤشر التقدم بشكل يشير إلى أن 50٪ من العملية قد اكتملت.
CircularProgressIndicator( value: 0.5, )
“اقرأ أيضاً: شرح استخدام ويدجت PageView في فلاتر“
strokeWidth
يحدد عرض الخط الذي يستخدمه CircularProgressIndicator. يمكن تعيين هذه القيمة إلى أي عدد يتناسب مع حجم CircularProgressIndicator.
CircularProgressIndicator( strokeWidth: 2, )
backgroundColor
يحدد لون خلفية CircularProgressIndicator. يمكن تعيين هذه القيمة إلى أي لون يتناسب مع تصميم التطبيق.
CircularProgressIndicator( backgroundColor: Colors.grey, )
color
يحدد لون CircularProgressIndicator. يمكن تعيين هذه القيمة إلى أي لون يتناسب مع تصميم التطبيق.
CircularProgressIndicator( color: Colors.blue, )
“اقرأ أيضاً: شرح استخدام ويدجت BottomSheet في فلاتر“
CircularProgressIndicator هو عنصر واجهة مستخدم قوي ومفيد في Flutter ويستخدم عادةً لعرض مؤشر تقدم دائري. يمكن تعديل الخصائص المختلفة في CircularProgressIndicator لتحقيق التأثير المطلوب. يمكن استخدام هذا العنصر في تطبيقات Flutter لإبلاغ المستخدمين بأن الطلب قيد المعالجة أو البحث عن البيانات أو لتحميل البيانات.
