Search with searchable modifier in iOS Swift - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does the searchable modifier do in SwiftUI?

It adds a search bar to a view, allowing users to type text to filter or find items in a list or other content.

beginner

How do you bind the search text in a SwiftUI view using searchable?

You provide a binding to a @State or other string variable that updates as the user types in the search bar.

intermediate

Can the searchable modifier be added to views other than lists?

Yes, it can be added to many views like VStack or ScrollView to provide a search bar for filtering any content.

beginner

What is a common way to filter a list using the search text in SwiftUI?

Use the search text to filter the array of items with a condition like items.filter { $0.contains(searchText) }.

beginner

Why is it important to use @State for the search text variable?

@State allows the view to update automatically when the search text changes, refreshing the filtered results.

What type of variable should you use to store the search text for the searchable modifier?

A Array

B Constant String

C Integer

D @State String

The search text should be a @State String so the UI updates as the user types.

Which SwiftUI modifier adds a search bar to a view?

A filter()

B searchable()

C searchBar()

D searchText()

The searchable() modifier adds a search bar to the view.

How do you filter a list of strings named items using the search text searchText?

A items.filter { $0.contains(searchText) }

B items.map { $0 + searchText }

C items.sorted()

D items.append(searchText)

Filtering with contains(searchText) returns only items that include the search text.

Can the searchable modifier be used on a VStack?

A Yes

B No

C Only on List

D Only on Text

searchable can be added to many views, including VStack.

What happens when the search text changes in a view using @State?

A The app crashes

B Nothing changes

C The view updates automatically

D The keyboard hides

Using @State causes the view to refresh when the search text changes.

Explain how to add a search bar to a SwiftUI list and filter its items.

Think about how the search text connects to filtering the list.

Describe why using @State is important for the search text in a searchable view.

Consider what happens when the user types in the search bar.