ما هو Flutter وما الذي يجعله فريداً؟

Question

Accepted Answer

**Flutter** هو **مجموعة أدوات واجهة المستخدم** مفتوحة المصدر من Google لبناء تطبيقات **مُجمَّعة بشكل أصلي لأجهزة الجوال والويب وسطح المكتب من قاعدة رموز واحدة**، باستخدام لغة **Dart**. النهج المميز لها هو رسم واجهتها الخاصة بها (عدم استخدام المكونات الأصلية)، مما يوفر واجهات متسقة وقابلة للتخصيص وعالية الأداء.

## ما هو Flutter

```text
Flutter = a cross-platform UI framework (by Google):
  → ONE codebase → iOS, Android, web, desktop (Windows/macOS/Linux)
  → uses the DART language
  → builds NATIVELY-COMPILED apps (compiles to native ARM code for mobile)
  → everything is a WIDGET (composable UI building blocks)
```

## ما الذي يجعل Flutter فريداً: إنها ترسم واجهتها الخاصة

```text
Unlike many cross-platform frameworks that wrap NATIVE components, Flutter RENDERS its
OWN UI using its own rendering engine (Skia/Impeller):
  → Flutter draws every pixel itself → IDENTICAL look across platforms (full control)
  → not dependent on platform widgets → consistent, highly CUSTOMIZABLE UI
  → high PERFORMANCE (compiled, direct rendering, no JS bridge)
→ This is a key difference from React Native (which uses native components).
```

## الميزات الرئيسية

```text
✓ HOT RELOAD — see code changes instantly (sub-second) → fast development
✓ Rich WIDGET library — Material Design + Cupertino (iOS-style) + customizable
✓ Single codebase for many platforms; native performance
✓ Strong tooling; growing ecosystem (pub.dev packages); backed by Google
```

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

فهم ماهية Flutter وما الذي يجعله فريداً هو معرفة أساسية لتطوير Flutter وقيمة لفهم منظر المنصات المتعددة.

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

الخاصية المميزة — أن **Flutter ترسم واجهتها الخاصة** باستخدام محرك العرض الخاص بها بدلاً من تغليف مكونات المنصة الأصلية — هي ما يجعلها فريدة ومهمة للفهم: هذا يوفر **مظهراً متسقاً عبر المنصات** (تتحكم Flutter في كل بكسل)، **قابلية تخصيص عالية** (غير مقيدة بأدوات المنصة)، و**أداء قوية** (مجمعة بشكل أصلي، عرض مباشر، بدون جسر JavaScript)، مما يميزها بشكل أساسي عن أطر العمل مثل React Native التي تستخدم المكونات الأصلية.

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

فهم الميزات الرئيسية — خاصة **hot reload** (رؤية تغييرات الكود على الفور، مما يسرع التطوير بشكل كبير، ميزة محبوبة جداً)، مكتبة الـ widgets الغنية (أنماط Material و Cupertino)، دعم المنصات المتعددة من قاعدة رموز واحدة، ودعم Google — توضح لماذا يتم اعتماد Flutter على نطاق واسع لتطوير المنصات المتعددة.

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