SwiftUI: Working with Picker

Picker is a control that allows you to select a value from a set of mutually exclusive values.

You create a picker by providing a selection binding, a label, and the content for the picker to display.

Set the selection parameter to a bound property that provides the value to display as the current selection.

Example, we’re having a list of fruits and a State variable to hold the selected fruit:

Note: The default style for the picker is (automatic)

import SwiftUIstruct ContentView: View {    let fruitList = ["Apple", "Mango", "Banana", "Grapes"]
@State var myFruit : String = "Apple"
var body: some View {
VStack {
Picker("Select color", selection: $myFruit) {
ForEach(fruitList, id: \.self) {
.pickerStyle(.wheel)//Sets the style for pickers

You can customize the appearance and interaction of pickers using styles that conform to the PickerStyle protocol, like segmented or menu. By just adding.pickerStyle(.segmented) in your code.




Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store