الـ Widgets

ما هو الـ Widget؟

في Flutter كل شيء Widget — كل عنصر على الشاشة. نبني الواجهة بتركيب الـ widgets داخل بعضها كشجرة.

StatelessWidget

أبسط نوع: عنصر لا يتغيّر محتواه.

import 'package:flutter/material.dart';

class Greeting extends StatelessWidget {
  const Greeting({super.key});

  @override
  Widget build(BuildContext context) {
    return const Text('أهلًا بك في Flutter');
  }
}

widgets أساسية

// نص
Text('مرحبًا', style: TextStyle(fontSize: 24, color: Colors.purple))

// أيقونة
Icon(Icons.favorite, color: Colors.red)

// صورة من الإنترنت
Image.network('https://example.com/img.png')

// زر
ElevatedButton(
  onPressed: () => print('تم الضغط'),
  child: const Text('اضغطني'),
)

Scaffold — هيكل الصفحة

Scaffold يوفّر بنية الصفحة الأساسية (شريط علوي، جسم، زر عائم):

Scaffold(
  appBar: AppBar(title: const Text('تطبيقي')),
  body: const Center(child: Text('المحتوى')),
)

أنواع الـ Widgets

🎯 التالي: التخطيط (Layout).