Project structure in iOS Swift - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to declare the main app struct in SwiftUI.

iOS Swift

import SwiftUI

@main
struct MyApp: [1] {
  var body: some Scene {
    WindowGroup {
      ContentView()
    }
  }
}

Drag options to blanks, or click blank then click option'

AScene

BWindowGroup

CView

DApp

Attempts:

3 left

💡 Hint

Common Mistakes

Using View instead of App

Using Scene instead of App

The main app struct must conform to the App protocol to launch the SwiftUI app.

2fill in blank

medium

Complete the code to create a SwiftUI view named ContentView.

iOS Swift

import SwiftUI

struct ContentView: [1] {
  var body: some View {
    Text("Hello, world!")
  }
}

Drag options to blanks, or click blank then click option'

AView

BWindowGroup

CScene

DApp

Attempts:

3 left

💡 Hint

Common Mistakes

Using App instead of View

Using Scene instead of View

A SwiftUI view must conform to the View protocol to display UI elements.

3fill in blank

hard

Fix the error in the code by completing the missing property wrapper for state management.

iOS Swift

struct CounterView: View {
  [1] var count = 0

  var body: some View {
    VStack {
      Text("Count: \(count)")
      Button("Increment") {
        count += 1
      }
    }
  }
}

Drag options to blanks, or click blank then click option'

A@Binding

B@ObservedObject

C@State

D@EnvironmentObject

Attempts:

3 left

💡 Hint

Common Mistakes

Using @ObservedObject without an observable class

Using @Binding without a source

The @State property wrapper allows the view to update when the variable changes.

4fill in blank

hard

Fill both blanks to create a filter-map chain that filters words longer than 3 characters.

iOS Swift

let words = ["apple", "cat", "dog", "banana"]
let filtered = words.filter { $0.[1] > 3 }.map { $0.[2] }

Drag options to blanks, or click blank then click option'

Acount

Buppercased()

Clowercased()

DisEmpty

Attempts:

3 left

💡 Hint

Common Mistakes

Using isEmpty for length

Using lowercased() when uppercase is needed

Use count to get the length of the word for filtering, and uppercased() to convert the word to uppercase.

5fill in blank

hard

Fill all three blanks to create a SwiftUI view with a button that toggles a boolean state.

iOS Swift

struct ToggleView: View {
  [1] var isOn = false

  var body: some View {
    Button(action: {
      isOn = !isOn
    }) {
      Text(isOn ? [2] : [3])
    }
  }
}

Drag options to blanks, or click blank then click option'

A@State

B"On"

C"Off"

D@Binding

Attempts:

3 left

💡 Hint

Common Mistakes

Using @Binding without a source

Swapping "On" and "Off" texts

@State manages the boolean state. The button text shows "On" when true and "Off" when false.

Practice

1. Which file in an iOS Swift project is primarily responsible for handling app launch and life cycle events?

easy

A. ViewController.swift

B. AppDelegate.swift

C. Assets.xcassets

D. Info.plist

Solution

1. Step 1: Understand the role of AppDelegate.swift

   AppDelegate.swift manages app launch, termination, and state transitions.

2. Step 2: Compare with other files

   ViewController.swift manages UI screens, Assets.xcassets holds images, Info.plist stores configuration.

3. Final Answer:

   AppDelegate.swift -> Option B

4. Quick Check:

   App life cycle = AppDelegate.swift [OK]

Hint: AppDelegate handles app start and life cycle events [OK]

Common Mistakes:

• Confusing ViewController with AppDelegate
• Thinking Assets.xcassets manages app life cycle
• Assuming Info.plist handles launch events

2. Which of the following is the correct way to reference an image named "icon" stored in the Assets.xcassets folder in SwiftUI?

easy

A. Image("icon")

B. UIImage(named: "icon")

C. Image.asset("icon")

D. UIImageView("icon")

Solution

1. Step 1: Identify SwiftUI image syntax

   In SwiftUI, images from assets are loaded using Image("imageName").

2. Step 2: Differentiate UIKit and SwiftUI

   UIImage(named:) is UIKit, not SwiftUI; Image.asset and UIImageView("icon") are invalid syntax.

3. Final Answer:

   Image("icon") -> Option A

4. Quick Check:

   SwiftUI image = Image("icon") [OK]

Hint: Use Image("name") for assets in SwiftUI [OK]

Common Mistakes:

• Using UIKit UIImage(named:) in SwiftUI code
• Trying non-existent Image.asset method
• Confusing UIImageView constructor with Image

3. Given this code snippet in an iOS project:

let window = UIWindow(frame: UIScreen.main.bounds)
window.rootViewController = UIViewController()
window.makeKeyAndVisible()

What is the purpose of this code in the project structure?

medium

A. To define app life cycle methods

B. To load images from Assets.xcassets

C. To create and display the main app window with a root view controller

D. To configure app permissions in Info.plist

Solution

1. Step 1: Analyze UIWindow creation

   The code creates a UIWindow sized to the screen and sets its rootViewController.

2. Step 2: Understand makeKeyAndVisible()

   This method makes the window visible and key for user interaction.

3. Final Answer:

   To create and display the main app window with a root view controller -> Option C

4. Quick Check:

   UIWindow setup = display main window [OK]

Hint: UIWindow with rootViewController shows main screen [OK]

Common Mistakes:

• Confusing window setup with image loading
• Thinking this code manages app life cycle
• Assuming it edits Info.plist settings

4. You see this error in your iOS project: "SceneDelegate.swift not found". What is the most likely cause?

medium

A. The project was created without a SceneDelegate file, but the Info.plist expects it

B. Assets.xcassets folder is missing

C. AppDelegate.swift is empty

D. Storyboard file is corrupted

Solution

1. Step 1: Understand SceneDelegate role

   SceneDelegate manages UI scenes in multi-window apps, required if Info.plist references it.

2. Step 2: Identify mismatch

   If SceneDelegate.swift is missing but Info.plist expects it, app will error.

3. Final Answer:

   The project was created without a SceneDelegate file, but the Info.plist expects it -> Option A

4. Quick Check:

   Missing SceneDelegate file = Info.plist mismatch [OK]

Hint: Check Info.plist and project files match for SceneDelegate [OK]

Common Mistakes:

• Blaming missing assets for SceneDelegate error
• Assuming empty AppDelegate causes this error
• Thinking storyboard corruption causes SceneDelegate error

5. You want to organize your iOS project so that all UI layouts are stored separately from code files. Which folder should you use to store these layouts?

hard

A. Models folder

B. Assets.xcassets folder

C. Supporting Files folder

D. Storyboard folder

Solution

1. Step 1: Identify UI layout storage

   Storyboards hold UI layouts visually designed for screens.

2. Step 2: Differentiate other folders

   Assets.xcassets holds images, Supporting Files hold config files, Models hold data structures.

3. Final Answer:

   Storyboard folder -> Option D

4. Quick Check:

   UI layouts = Storyboard folder [OK]

Hint: Store UI layouts in Storyboard folder, not assets or models [OK]

Common Mistakes:

• Putting UI layouts in Assets.xcassets
• Confusing Supporting Files with UI storage
• Storing layouts in Models folder