Ios View

iOS View Skill

Use this skill when building or editing SwiftUI Views in QrewNFCBusinessCards/Views/.

Canonical View Template

import SwiftUI

struct MyFeatureView: View {
    let authVM: AuthViewModel
    let lang: LanguageManager
    @State private var vm = MyFeatureViewModel()

    var body: some View {
        NavigationStack {
            ZStack {
                QrewTheme.background.ignoresSafeArea()

                if vm.isLoading && vm.items.isEmpty {
                    loadingView
                } else if let error = vm.errorMessage, vm.items.isEmpty {
                    errorView(error)
                } else if vm.items.isEmpty {
                    emptyState
                } else {
                    contentView
                }
            }
            .environment(\.layoutDirection, lang.layoutDirection)
            .navigationTitle(lang.localized(ar: "العنوان", en: "Title"))
            .toolbar {
                ToolbarItem(placement: .topBarTrailing) {
                    Button { /* action */ } label: {
                        Image(systemName: "plus")
                            .foregroundStyle(QrewTheme.accent)
                    }
                }
            }
            .task { await vm.loadData(userId: authVM.currentUser?.id ?? "") }
            .sheet(isPresented: $vm.showSheet) { /* modal */ }
        }
    }
}