Structs vs classes in iOS Swift - UI Rendering Compared

Component - Structs vs classes

This UI component shows a simple Swift app screen comparing structs and classes. It displays two sections side by side: one for a struct example and one for a class example. Each section has a title and a short description. A button below each section lets you create a new instance and see how it behaves differently.

Widget Tree

VStack
├── HStack
│   ├── VStack (Struct Section)
│   │   ├── Text ("Struct")
│   │   ├── Text ("Value type, copied on assignment")
│   │   └── Button ("Create Struct")
│   └── VStack (Class Section)
│       ├── Text ("Class")
│       ├── Text ("Reference type, shared instance")
│       └── Button ("Create Class")
└── Text ("Tap buttons to see behavior")

The main vertical stack holds two horizontal sections side by side. Each horizontal section is a vertical stack with a title, description, and a button. Below the horizontal stack is a text instruction. This layout visually compares structs and classes with interactive buttons.

Render Trace - 11 Steps

Step 1: VStack

Step 2: HStack

Step 3: VStack (Struct Section)

Step 4: Text (Struct Title)

Step 5: Text (Struct Description)

Step 6: Button (Struct)

Step 7: VStack (Class Section)

Step 8: Text (Class Title)

Step 9: Text (Class Description)

Step 10: Button (Class)

Step 11: Text (Instruction)

State Change - Re-render

Trigger:User taps 'Create Struct' or 'Create Class' button

Before

No instance created, no message shown

→

After

Shows a message below buttons describing instance behavior (copy for struct, shared reference for class)

Re-renders:The message text area below the buttons re-renders to show the new message

UI Quiz - 3 Questions

What happens visually when you tap the 'Create Struct' button?

A The whole screen reloads

B A message appears showing the struct instance is copied

C The button color changes to red

D Nothing changes on screen

Key Insight

Using clear side-by-side sections with titles, descriptions, and interactive buttons helps beginners visually compare structs and classes. Showing state changes only in a small message area keeps the UI simple and focused.

Practice

1. Which statement correctly describes the difference between struct and class in Swift?

easy

A. class is copied on assignment but struct is shared.

B. struct is a value type and class is a reference type.

C. struct supports inheritance but class does not.

D. struct can only have stored properties, class cannot.

Solution

1. Step 1: Understand value vs reference types

   In Swift, struct is a value type, meaning it is copied when assigned or passed around. class is a reference type, meaning instances share the same reference.

2. Step 2: Evaluate each option

   struct is a value type and class is a reference type. correctly states the difference. struct supports inheritance but class does not. is wrong because struct does not support inheritance. class is copied on assignment but struct is shared. reverses the behavior. struct can only have stored properties, class cannot. is false because class can have stored properties.

3. Final Answer:

   struct is a value type and class is a reference type. -> Option B

4. Quick Check:

   Value type = struct, Reference type = class [OK]

Hint: Remember: structs copy, classes share references [OK]

Common Mistakes:

• Confusing value and reference types
• Thinking structs support inheritance
• Assuming classes are copied on assignment

2. Which of the following is the correct way to declare a struct in Swift?

easy

A. class Person { var name: String }

B. struct Person: String { var name }

C. struct Person = { var name: String }

D. struct Person { var name: String }

Solution

1. Step 1: Recall Swift struct syntax

   A struct is declared with the keyword struct, followed by the name and curly braces containing properties.

2. Step 2: Check each option

   struct Person { var name: String } matches the correct syntax: struct Person { var name: String }. class Person { var name: String } uses class, not struct. struct Person = { var name: String } uses an invalid assignment syntax. struct Person: String { var name } incorrectly tries to inherit from String and misses type for name.

3. Final Answer:

   struct Person { var name: String } -> Option D

4. Quick Check:

   Struct declaration uses struct Name { } [OK]

Hint: Use 'struct Name { var property: Type }' for structs [OK]

Common Mistakes:

• Using class keyword instead of struct
• Incorrect syntax with equals sign
• Missing type annotation for properties

3. Consider the following Swift code:

struct Point {
  var x: Int
  var y: Int
}

var p1 = Point(x: 1, y: 2)
var p2 = p1
p2.x = 5
print(p1.x)

What will be printed?

medium

A. 1

B. 5

C. 0

D. Compilation error

Solution

1. Step 1: Understand struct copying behavior

   Since Point is a struct (value type), assigning p1 to p2 copies the data. They are independent.

2. Step 2: Analyze mutation and print

   Changing p2.x to 5 does not affect p1.x. So p1.x remains 1. The print statement outputs 1.

3. Final Answer:

   1 -> Option A

4. Quick Check:

   Structs copy on assignment, so original stays unchanged [OK]

Hint: Structs copy on assignment; changes don't affect original [OK]

Common Mistakes:

• Assuming p1.x changes when p2.x changes
• Confusing structs with classes (reference types)
• Expecting runtime error on mutation

4. The following Swift code tries to modify a property of a struct instance inside a function but causes a compile error:

struct Counter {
  var count: Int
}

func increment(counter: Counter) {
  counter.count += 1
}

What is the main reason for the error?

medium

A. Function parameter 'counter' is a constant by default

B. Struct properties cannot be modified inside functions

C. You cannot use '+=' operator on Int

D. Counter must be a class to modify properties

Solution

1. Step 1: Understand function parameter mutability

   In Swift, function parameters are constants by default. You cannot modify them inside the function.

2. Step 2: Analyze the error cause

   The parameter counter is a struct instance passed by value but immutable inside the function. Trying to change counter.count causes a compile error.

3. Final Answer:

   Function parameter 'counter' is a constant by default -> Option A

4. Quick Check:

   Function parameters are immutable unless marked inout [OK]

Hint: Function parameters are constants unless 'inout' is used [OK]

Common Mistakes:

• Thinking structs can't have mutable properties
• Believing '+=' is invalid for Int
• Assuming classes are required for mutation

5. You want to create a Swift type to represent a user profile that can be shared and updated across your app without copying. Which should you choose and why?

struct UserProfile {
  var name: String
  var age: Int
}

class UserProfileClass {
  var name: String
  var age: Int
  init(name: String, age: Int) {
    self.name = name
    self.age = age
  }
}

hard

A. Use struct because it copies data and prevents accidental changes.

B. Use class because structs cannot have properties.

C. Use class because it shares references and updates reflect everywhere.

D. Use struct because classes cannot have initializers.

Solution

1. Step 1: Identify sharing vs copying needs

   If you want updates to reflect everywhere (shared state), you need a reference type.

2. Step 2: Match type to behavior

   class is a reference type, so instances are shared. struct copies data, so changes won't reflect across copies.

3. Final Answer:

   Use class because it shares references and updates reflect everywhere. -> Option C

4. Quick Check:

   Shared mutable state = class [OK]

Hint: Choose class for shared mutable data, struct for copies [OK]

Common Mistakes:

• Choosing struct when shared updates are needed
• Thinking classes can't have initializers
• Believing structs can't have properties