Why SwiftUI is the modern UI framework in iOS Swift - Test Your Understanding

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a simple SwiftUI text view.

iOS Swift

Text([1])

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

AText

BHello, SwiftUI!

C"Hello, SwiftUI!"

DView

Attempts:

3 left

💡 Hint

Common Mistakes

Forgetting quotes around the string

Using a variable name without declaration

The Text view in SwiftUI requires a string inside quotes to display text.

2fill in blank

medium

Complete the code to make the text bold in SwiftUI.

iOS Swift

Text("Welcome").[1]()

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

Abold

Bitalic

Cunderline

Dfont

Attempts:

3 left

💡 Hint

Common Mistakes

Using italic() instead

Trying to use font() without parameters

The bold() modifier makes the text bold in SwiftUI.

3fill in blank

hard

Fix the error in the SwiftUI view declaration.

iOS Swift

struct ContentView: [1] {
  var body: some View {
    Text("Hi")
  }
}

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

AUIView

BViewController

CController

DView

Attempts:

3 left

💡 Hint

Common Mistakes

Using UIKit classes like UIView or UIViewController

Forgetting to conform to any protocol

SwiftUI views conform to the View protocol, not UIKit classes.

4fill in blank

hard

Fill both blanks to create a vertical stack with two text views.

iOS Swift

VStack {
  Text("Hello")[1]
  Text("World")[2]
}

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

A.padding()

B.bold()

C.italic()

D.underline()

Attempts:

3 left

💡 Hint

Common Mistakes

Using the same modifier for both texts

Forgetting parentheses after modifiers

The first Text has padding added, the second is made bold.

5fill in blank

hard

Fill all three blanks to create a button that prints a message when tapped.

iOS Swift

Button(action: [1]) {
  Text([2])
}.[3]()

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

A{ print("Button tapped") }

B"Tap me"

Cpadding

Dbold

Attempts:

3 left

💡 Hint

Common Mistakes

Missing braces in action closure

Not quoting the button label

Forgetting parentheses after modifiers

The button's action prints a message, the label shows "Tap me", and padding adds space around the button.