ما هي Card؟ Card عنصر Material بزاويا مستديرة وظل (elevation) لعرض محتوى مترابط داخل بطاقة جميلة: عنوان، وصف، صورة، أزرار… إلخ. تُستخدم بكثرة في صفحات التفاصيل، القوائم، الشبكات (Grid)، واللوحات المعلوماتية. أهم الاستخدامات البنية الأساسية مثال شائع باستخدام ListTile +…
ما هي IconButton؟ هي ويدجت تعرض أيقونة (من نوع Icon) لكنها قابلة للنقر (Clickable)، وتنفذ أكشن عند الضغط عليها. الصيغة الأساسية أهم الخصائص في IconButton الخاصية النوع الوصف icon Widget الأيقونة التي ستُعرض (عادةً Icon). onPressed VoidCallback? الدالة التي تُنفذ…
ما هي ويدجت Icon؟ ويدجت Icon تُستخدم لعرض أيقونات (Icons) من مكتبة Flutter المدمجة أو من مكتبات خارجية (مثل Font Awesome).هي عنصر رسومي فقط (لا تتفاعل لوحدها) لكن يمكن دمجها مع ويدجت أخرى مثل IconButton لجعلها قابلة للنقر. الصيغة الأساسية…
✅ التعريف: ListView.separated تشبه builder ولكنها تسمح بإضافة فاصل (separator) بين كل عنصرين. ✅ الصيغة العامة: ✅ أهم الخصائص: الخاصية النوع الشرح itemCount int عدد العناصر itemBuilder Function دالة بناء العنصر separatorBuilder Function دالة بناء الفاصل بين العناصر باقي الخصائص…
🔹 أولًا: ListView.builder ✅ التعريف: ListView.builder تستخدم لبناء قائمة ديناميكية يتم إنشاؤها عند الحاجة (on demand). وهي مناسبة للقوائم الطويلة جدًا أو التي تأتي من API أو قاعدة بيانات. ✅ الصيغة العامة: ✅ أهم الخصائص: الخاصية النوع الشرح itemCount int…
GridView.builder() هو ويدجت (Widget) في Flutter يُستخدم لعرض شبكة (Grid) من العناصر بشكل ديناميكي، أي أنه يقوم ببناء العناصر عند الحاجة فقط (lazy loading)، وهذا يجعله مثاليًا عندما يكون لديك عدد كبير من العناصر أو عندما لا تعرف عددها مسبقًا.…
🔍 ما هي GridView؟ GridView هي ويدجت في Flutter تسمح لك بعرض قائمة من العناصر في شكل شبكة (شبكة أعمدة وصفوف)، ويمكن تمريرها عموديًا أو أفقيًا. مثل: عرض صور، بطاقات، منتجات، أو أي عناصر تحتاج ترتيب على شكل شبكة. 🧠…
ما هو ListView العادي؟ ListView العادي هو widget يعرض قائمة من العناصر القابلة للتمرير، حيث يتم تمرير جميع العناصر كـ children في قائمة واحدة. البنية الأساسية جميع خصائص ListView العادي 1. children الخاصية الأساسية لإضافة العناصر: 2. scrollDirection لتحديد اتجاه…
🧱 ما هي SingleChildScrollView؟ SingleChildScrollView هي ويدجت في Flutter تسمح لك بتمرير (Scroll) عنصر واحد فقط عندما يتجاوز حجمه حجم الشاشة. ✅ هي الحل المثالي عندما: 🔁 الشكل العام: 📌 أهم الخصائص (Properties) 1. child ✅ العنصر الوحيد داخل SingleChildScrollView…
🧱 ما هي Column؟ 🧩 متى نستخدم Column؟ 📌 أهم خصائص Column 1. children قائمة العناصر التي توضع داخل العمود. 2. mainAxisAlignment تتحكم في توزيع العناصر على المحور العمودي (الرأسي) القيمة التأثير start العناصر تبدأ من الأعلى (افتراضي) end العناصر…