How to show picker in SwiftUI?

Uplift iOS Interview

The Guide is for YOU if
  • You are preparing for an iOS interview and want to improve your skills and knowledge and looking to level up your interview game and land your dream job.
  • You want to gain confidence and ease during iOS interviews by learning expert tips and curated strategies.
  • You want access to a comprehensive list of iOS interview QA to practice and prepare.

SwiftUI’s dedicated picker can display one or more scrollable items from which you can choose your desired item. It is recommended to use pull-down menu instead of a picker if the list is not very long. A picker typically appears at the bottom of the screen or in a popover. When you choose something in the picker, you can see an automatic checkmark next to the selected item.

To try it out let’s create a simple picker with tasty treats:

struct ContentView: View {
    @State private var selectedChocolate = "Toblerone"
    let chocolates = ["Toblerone", "Bournville", "Snickers", "Twix", "Ferrero Rocher"]

       var body: some View {
           HStack {
               Picker("Your treat", selection: $selectedChocolate) {
                   ForEach(chocolates, id: \.self) {

Written by


Twitter LinkedIn

Get Ready to Shine: Mastering the iOS Interview

Enjoying the articles? Get the inside scoop by subscribing to my newsletter.

Get access to exclusive iOS development tips, tricks, and insights when you subscribe to my newsletter. You'll also receive links to new articles, app development ideas, and an interview preparation mini book. Your email address will only be used for the purpose of sending the newsletter and will not be shared with third parties or advertisers. Rest assured that we value your privacy and will not spam your inbox.

If you know someone who would benefit from reading this article, please share it with them.