Text

عرض النصوص Text

Text يعرض سطرًا أو فقرة نصية، مع تحكّم كامل بالخط والحجم واللون والمحاذاة عبر TextStyle.

أبسط ويدجت وأكثرها استخدامًا. overflow وmaxLines يتحكّمان بسلوك النص عند تجاوزه المساحة المتاحة (اقتطاع بثلاث نقاط، مثلًا).

الصياغة

Text(
  'النص',
  style: TextStyle(fontSize: 16, color: Colors.black, fontWeight: FontWeight.bold),
  textAlign: TextAlign.center,
  overflow: TextOverflow.ellipsis,
)

📄 مثال

Text(
  'مرحبًا بك في The Code Fix',
  style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold, color: Colors.purple),
  textAlign: TextAlign.right,
)

أهم المعاملات

المعامل	الوظيفة
style	TextStyle يضبط الحجم واللون والخط والوزن
textAlign	محاذاة النص أفقيًا
maxLines	أقصى عدد أسطر قبل الاقتطاع
overflow	سلوك النص عند تجاوز المساحة (ellipsis, clip, fade)

💡 نصائح عملية

استخدم Theme.of(context).textTheme للأنماط الموحّدة بدل تكرار TextStyle بكل مكان

⚠️ أخطاء شائعة

نسيان maxLines مع overflow: ellipsis — الاقتطاع لا يعمل بدون تحديد عدد الأسطر الأقصى

🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار FLUTTER الكامل بالعربي.