List with ForEach in iOS Swift - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a list showing numbers from 1 to 5 using ForEach.

iOS Swift

List {
  ForEach(1...5, id: \.[1]) { number in
    Text("Number \(number)")
  }
}

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

Aself

Bid

Cnumber

Drange

Attempts:

3 left

💡 Hint

Common Mistakes

Using a variable name that is not defined as id.

Leaving out the id parameter causing errors.

The id: \.self\ tells SwiftUI to use each number itself as a unique identifier.

2fill in blank

medium

Complete the code to display a list of fruit names using ForEach.

iOS Swift

let fruits = ["Apple", "Banana", "Cherry"]

List {
  ForEach(fruits, id: \.[1]) { fruit in
    Text(fruit)
  }
}

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

Aindex

Bfruit

Cself

Did

Attempts:

3 left

💡 Hint

Common Mistakes

Using a variable name that is not defined as id.

Omitting the id parameter causing errors.

For arrays of strings, id: \.self\ uses each string as a unique identifier.

3fill in blank

hard

Fix the error in the ForEach loop by completing the id parameter correctly.

iOS Swift

struct ContentView: View {
  let names = ["Anna", "Bob", "Cara"]

  var body: some View {
    List {
      ForEach(names, id: \.[1]) { name in
        Text(name)
      }
    }
  }
}

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

Aself

Bname

Cid

Dindex

Attempts:

3 left

💡 Hint

Common Mistakes

Using a variable name that is not defined.

Using id or index which are not valid here.

Using id: \.self\ tells SwiftUI to use each string as its own unique id.

4fill in blank

hard

Fill both blanks to create a list of numbers squared using ForEach.

iOS Swift

List {
  ForEach(1...3, id: \.[1]) { num in
    Text("Square: \(num [2] num)")
  }
}

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

Aself

B*

C+

D-

Attempts:

3 left

💡 Hint

Common Mistakes

Using addition or subtraction instead of multiplication.

Using a wrong id parameter.

id: \.self\ uses the number itself as id, and * multiplies the number by itself to get the square.

5fill in blank

hard

Fill all three blanks to create a list showing names in uppercase using ForEach.

iOS Swift

let names = ["alice", "bob", "carol"]

List {
  ForEach(names, id: \.[1]) { name in
    Text(name.[2]().[3]())
  }
}

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

Aself

Buppercased

CtrimmingCharacters

Dlowercased

Attempts:

3 left

💡 Hint

Common Mistakes

Using lowercased() instead of uppercased().

Forgetting to call the method with parentheses.

id: \.self\ uses each string as id, uppercased() converts to uppercase, and the last () calls the method properly.