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

📱 شرح Flutter

مقدمة في Flutter

الدرس 1 من 32· ⏱ 1 دقائق قراءة· 🗓 آخر تحديث: ١ يوليو ٢٠٢٦

ما هو Flutter؟

Flutter إطار عمل من Google لبناء تطبيقات جميلة وسريعة لنظامي iOS و Android (وكذلك الويب وسطح المكتب) من قاعدة كود واحدة بلغة Dart.

اكتب مرة واحدة، شغّل على أي مكان.

بدل صيانة تطبيقين منفصلين لكل منصّة، يمنحك Flutter قاعدة كود واحدة تعمل في كل مكان بأداء قريب من التطبيقات الأصلية.

لماذا Flutter؟

  • كود واحد لكل المنصّات — توفير ضخم في الوقت.
  • أداء عالٍ قريب من التطبيقات الأصلية.
  • Hot Reload: ترى تغييراتك فورًا أثناء التطوير.
  • مدعوم من Google ومجتمع ضخم.

لغة Dart

Flutter يستخدم لغة Dart، وهي قريبة من JavaScript و Java:

void main() {
  print('مرحبًا من Flutter!');
}

كل شيء Widget

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

import 'package:flutter/material.dart';

void main() {
  runApp(
    const MaterialApp(
      home: Scaffold(
        body: Center(child: Text('أهلًا بالعالم')),
      ),
    ),
  );
}

كيف تبدأ؟

flutter create my_app
cd my_app
flutter run

أسئلة شائعة

Flutter أم React Native؟ كلاهما لبناء تطبيقات متعدّدة المنصّات؛ Flutter يستخدم Dart ويقدّم أداءً ثابتًا وواجهات موحّدة، بينما React Native يستخدم JavaScript ونظام React البيئي.

هل أحتاج معرفة سابقة لتعلّم Flutter؟ أساسيات البرمجة تكفي، وتتعلّم Dart بسهولة لأنها قريبة من اللغات الشائعة.

🎯 التالي: أساسيات لغة Dart.

شرح مقدمة في Flutter — Flutter بالعربي
مقدمة في FlutterFlutter بالعربي · The Code Fix

📚 لمزيد من التعمّق في Flutter، راجِع التوثيق الرسمي لـ Flutter.

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