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

📱 شرح Flutter

التثبيت والإعداد

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

التثبيت

  1. نزّل Flutter SDK من flutter.dev.
  2. ثبّت Android Studio (للمحاكي و SDK) أو VS Code مع إضافة Flutter.
  3. تحقّق:
flutter doctor    # يفحص البيئة ويبيّن ما ينقص

إنشاء تطبيق

flutter create my_app
cd my_app
flutter run        # على محاكٍ أو جهاز متّصل

بنية المشروع

my_app/
├── lib/
│   └── main.dart      # نقطة البداية (كودك هنا)
├── android/  ios/     # كود المنصّات
├── pubspec.yaml       # الاعتماديات والإعدادات
└── test/

أبسط تطبيق

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(body: Center(child: Text("مرحبًا"))),
    );
  }
}

💡 ابدأ من lib/main.dart — كل تطبيق Flutter يبدأ من دالة main.

🎯 التالي: لغة Dart بعمق.

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