import SwiftUI

@main
struct firstswiftuiApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

firstswiftui.xcodeproj    ← ملف المشروع الرئيسي
📂 firstswiftui/
    ├── firstswiftuiApp.swift   ← Entry Point 🚀
    ├── ContentView.swift        ← الشاشة الرئيسية
    └── Assets

🏛️ App        = المسرح كله
🎬 Scene      = الخشبة (منطقة العرض)
🎭 View       = الممثلين والديكور

iPad مثلاً:
┌──────────┐  ┌──────────┐
│  Scene 1 │  │  Scene 2 │
│  (نافذة) │  │  (نافذة) │
└──────────┘  └──────────┘

// App = المسرح كله
struct firstswiftuiApp: App {

    // Scene = الخشبة (النافذة)
    var body: some Scene {
        WindowGroup {

            // View = الممثلين (المحتوى)
            ContentView()
        }
    }
}

App   🏛️ = التطبيق
Scene 🎬 = النافذة
View  🎭 = المحتوى جوه النافذة

@main
  ↓
firstswiftuiApp   ← "ابدأ هنا"
  ↓
WindowGroup       ← "افتح نافذة"
  ↓
ContentView()     ← "أول شاشة"

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundStyle(.tint)
            Text("Hello, world!")
        }
        .padding()
    }
}

#Preview {
    ContentView()
}

import SwiftUI

struct ContentView: View {

var body: some View {

VStack {

┌─────────┐
│  🌐     │  ← Image
│Hello!   │  ← Text
└─────────┘

Image(systemName: "globe")
    .imageScale(.large)
    .foregroundStyle(.tint)

Text("Hello, world!")

.padding()

#Preview {
    ContentView()
}

import          → استيراد المكتبة
struct          → تعريف الشاشة
body            → محتوى الشاشة
VStack          → ترتيب عمودي
Image + Text    → العناصر
padding         → مسافات
#Preview        → معاينة Xcode

// VStack ⬇️
VStack {
    Text("فوق")
    Text("تحت")
}

// HStack ➡️
HStack {
    Text("يسار")
    Text("يمين")
}

// ZStack 📚
ZStack {
    Text("الخلفية")
    Text("قدام")  // فوق الأول
}