ما هي الأدوات (Widgets) في Flutter؟

Question

Accepted Answer

في Flutter، **كل شيء هو أداة (widget)** — عناصر واجهة المستخدم (أزرار، نصوص، صور)، هياكل التخطيط (صفوف، أعمدة، مسافات)، وحتى التطبيق نفسه كلها أدوات. الأدوات هي لبنات البناء الثابتة التي تتكون معاً لتشكيل واجهة المستخدم بالكامل.

## كل شيء هو أداة

```text
Widgets describe the UI. EVERYTHING is a widget:
  → visible elements: Text, Image, Icon, Button, etc.
  → layout: Row, Column, Container, Padding, Center, Stack, etc.
  → structure: Scaffold (page structure), AppBar, etc.
  → even the app itself (MaterialApp) and abstract things (Padding, Theme)
→ You build UI by COMPOSING widgets into a tree (widgets contain other widgets).
```

## تكوين الأدوات في شجرة

```dart
// build a UI by NESTING widgets (composition)
Scaffold(                       // page structure
  appBar: AppBar(title: Text('Home')),   // app bar with text
  body: Center(                 // centers its child
    child: Column(              // vertical layout
      children: [
        Text('Hello'),          // text widget
        ElevatedButton(         // a button
          onPressed: () {},
          child: Text('Click'),
        ),
      ],
    ),
  ),
)
// → a WIDGET TREE: Scaffold > Center > Column > [Text, Button]
```

تتداخل الأدوات لتشكيل **شجرة أدوات (widget tree)** — التكوين هو النمط الأساسي (دمج أدوات بسيطة في واجهات مستخدم معقدة).

## الأدوات ثابتة؛ التكوين

```text
→ Widgets are IMMUTABLE descriptions of the UI (configuration, not the actual rendered
  objects) — Flutter rebuilds them efficiently when state changes
→ build() methods return widget trees describing what the UI should look like
→ Flutter handles efficiently turning widgets into rendered pixels
```

## لماذا هذا مهم

فهم الأدوات أساسي في Flutter لأن **كل شيء في Flutter هو أداة** — واجهة المستخدم بالكاملة مبنية منها — لذا فهم نموذج الأدوات ضروري، وهو معرفة أساسية لأي تطوير في Flutter.

المفهوم الأساسي — أن العناصر المرئية (نصوص، أزرار، صور)، وهياكل التخطيط (صفوف، أعمدة، مسافات)، وهيكل الصفحة، وحتى التطبيق نفسه هي **جميعها أدوات** — هو الخاصية المميزة لكيفية عمل Flutter، وفهمه هو نقطة الانطلاق لبناء أي واجهة مستخدم في Flutter.

فهم أن واجهات المستخدم تُبنى من خلال **تكوين الأدوات في شجرة** (تداخل الأدوات، دمج البسيطة منها في واجهات معقدة) هو النمط الأساسي لتطوير Flutter — التكوين بدلاً من الوراثة، بناء واجهات مستخدم معقدة من لبنات بناء بسيطة وقابلة لإعادة الاستخدام.

فهم أن **الأدوات هي أوصاف ثابتة لواجهة المستخدم** (تكوين بدلاً من الكائنات المرسومة الفعلية، حيث يعيد Flutter بناؤها بكفاءة عند تغيير الحالة) مهم لفهم كيفية عمل نموذج واجهة المستخدم الإعلاني في Flutter — تصف كيفية ظهور واجهة المستخدم، وFlutter يتولى المسؤولية عن العرض بكفاءة.

هذا نموذج الأدوات والتكوين يكمن وراء كل شيء في Flutter: التخطيطات والتنسيق وإدارة الحالة والهيكل جميعها تعمل من خلال الأدوات.

بما أن الأداة هي الوحدة الذرية في Flutter (كل شيء أداة، وواجهات المستخدم هي أشجار أدوات مبنية بالتكوين) وفهم هذا النموذج هو الأساس المطلق لبناء واجهات المستخدم في Flutter، فإن فهم الأدوات — أن كل شيء أداة، والتكوين في أشجار، وطبيعتها الثابتة الإعلانية — هو معرفة أساسية وضرورية في Flutter، والمفهوم الأساسي الذي يبني عليه كل جانب من جوانب تطوير Flutter والشيء الأول الذي يجب فهمه عند تعلم Flutter.