تخطَّ إلى المحتوى

📱 شرح Flutter

التنسيق والثيمات

الدرس 14 من 25· ⏱ 1 دقائق قراءة

التنسيق المباشر

Text(
  "عنوان",
  style: TextStyle(
    fontSize: 24,
    fontWeight: FontWeight.bold,
    color: Colors.purple,
  ),
)

الثيم الموحّد

MaterialApp(
  theme: ThemeData(
    primarySwatch: Colors.purple,
    fontFamily: "Cairo",
    brightness: Brightness.light,
  ),
  darkTheme: ThemeData(brightness: Brightness.dark),
  themeMode: ThemeMode.system,    // يتبع النظام
)

استخدام الثيم

Text("نصّ", style: Theme.of(context).textTheme.titleLarge)
Container(color: Theme.of(context).primaryColor)

دعم RTL للعربية

MaterialApp(
  locale: const Locale("ar"),
  supportedLocales: const [Locale("ar"), Locale("en")],
  // Flutter يطبّق RTL تلقائيًّا مع اللغة العربية
)

أو فرضه يدويًّا:

Directionality(textDirection: TextDirection.rtl, child: ...)

💡 خطّ Cairo ممتاز للعربية — أضِفه في pubspec.yaml واستخدمه في الثيم.

🎯 التالي: الصور والأصول.

هل كان هذا الدرس مفيدًا؟