Preference keys in iOS Swift - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ ui_behavior

intermediate

What is the output of this SwiftUI PreferenceKey example?

Consider this SwiftUI code that uses a custom PreferenceKey to pass a value up the view tree. What will be printed in the console when the button is tapped?

iOS Swift

struct MyPreferenceKey: PreferenceKey {
  static var defaultValue: Int = 0
  static func reduce(value: inout Int, nextValue: () -> Int) {
    value += nextValue()
  }
}

struct ContentView: View {
  @State private var total = 0
  var body: some View {
    VStack {
      Text("Total: \(total)")
      Button("Tap me") {}
        .preference(key: MyPreferenceKey.self, value: 3)
    }
    .onPreferenceChange(MyPreferenceKey.self) { value in
      print("Preference value changed to \(value)")
      total = value
    }
  }
}

A Preference value changed to 3\nTotal: 3

B Preference value changed to 0\nTotal: 0

C Preference value changed to 6\nTotal: 6

D No output printed; total remains 0

💡 Hint

Remember that the reduce function sums all values from children views.

The button sets a preference value of 3. The reduce function adds values, but since only one value is set, the total is 3. The onPreferenceChange updates the state and prints the new value.

❓ lifecycle

intermediate

When is the reduce function of a PreferenceKey called?

In SwiftUI, the reduce(value:nextValue:) method of a PreferenceKey is called at which point during the view update cycle?

A Before any child views set their preference values

B After all child views have set their preference values, before the parent reads them

C Only when the parent view appears on screen

D Every time the parent view's body is recomputed

💡 Hint

Think about how preferences aggregate values from children.

The reduce function combines all preference values from child views after they have been set, so the parent can read the combined result.

📝 Syntax

advanced

Which option correctly defines a PreferenceKey with a String default value?

Select the correct Swift code that defines a PreferenceKey with a default value of an empty string and concatenates child values.

A

struct StringPreferenceKey: PreferenceKey {
  static var defaultValue = ""
  static func reduce(value: String, nextValue: () -> String) {
    value += nextValue()
  }
}

B

struct StringPreferenceKey: PreferenceKey {
  static var defaultValue: String? = nil
  static func reduce(value: inout String, nextValue: () -> String) {
    value = nextValue()
  }
}

C

struct StringPreferenceKey: PreferenceKey {
  static var defaultValue: String = ""
  static func reduce(value: inout String, nextValue: () -> String) {
    value += nextValue()
  }
}

D

struct StringPreferenceKey: PreferenceKey {
  static var defaultValue: String = ""
  func reduce(value: inout String, nextValue: () -> String) {
    value += nextValue()
  }
}

💡 Hint

Check the method signature and static properties required by PreferenceKey protocol.

Option C correctly declares defaultValue as static var with type String and implements static reduce with inout parameter. Others have wrong signatures or missing static.

🔧 Debug

advanced

Why does this PreferenceKey not update the parent view?

Given this code, why does the parent view not update when the child sets a preference value? struct MyKey: PreferenceKey { static var defaultValue: Int = 0 static func reduce(value: inout Int, nextValue: () -> Int) { value = nextValue() } } struct ParentView: View { @State private var number = 0 var body: some View { ChildView() .onPreferenceChange(MyKey.self) { value in number = value } Text("Number: \(number)") } } struct ChildView: View { var body: some View { Text("Child") .preference(key: MyKey.self, value: 5) } }

A The onPreferenceChange modifier is attached to ChildView, so it never receives the preference from ChildView itself.

B The preference key's defaultValue is zero, so the preference never changes from default.

C The ParentView's body does not include the Text displaying number inside the VStack or container, so it won't update properly.

D The reduce function overwrites value instead of combining, so multiple children values are lost, but here only one child exists, so this is not the issue.

💡 Hint

Consider where onPreferenceChange is applied in the view hierarchy.

onPreferenceChange must be attached to a parent view that contains the child setting the preference. Here, attaching it directly to ChildView means it won't observe changes from ChildView itself.

🧠 Conceptual

expert

What is the main purpose of PreferenceKey in SwiftUI?

Which statement best describes the main use of PreferenceKey in SwiftUI?

A To define custom animations for view transitions

B To store user preferences persistently across app launches

C To manage state locally within a single view without affecting others

D To allow child views to communicate values up the view hierarchy to parent views in a decoupled way

💡 Hint

Think about data flow direction and how PreferenceKey helps views communicate.

PreferenceKey is designed to let child views send data up to their ancestors without direct bindings, enabling flexible UI designs.