[Xcode 13] SwiftUI Picker Style Issue

SwiftUI

[Xcode 13] SwiftUI Picker Style Issue

Zedd0202 2021. 12. 4. 17:45

안녕하세요 :) Zedd입니다.

오늘은 그냥 기록용.

제목은 SwiftUI로 했지만 SwiftUI에만 국한된 이야기는 아닐 수 있겠다. UIKit으론 안해봤음ㅋ..

# 문제

struct ContentView: View {
    
    @State var selection: Int
    
    var arr = ["Zedd","Alan Walker", "David Guetta", "Avicii", "Marshmello", "Steve Aoki", "R3HAB", "Armin van Buuren", "Skrillex", "Illenium", "The Chainsmokers", "Don Diablo", "Afrojack", "Tiesto", "KSHMR", "DJ Snake", "Kygo", "Galantis", "Major Lazer", "Vicetone" ]
    
    var body: some View {
        Picker(selection: $selection, label: Text("")) {
            ForEach(0..<arr.count, id: \.self) { index in
                Text(arr[index])
            }
        }
    }
}

주어진 arr를 Picker로 보여주는 코드이다. (따로 PickerStyle을 지정해주지는 않았다.)

내가 원한 UI는 다음과 같다.

✔️ Xcode 12.x로 빌드 -> iOS 버전 상관없이 위와같은 UI로 나온다. (iOS 15여도)

✔️ Xcode 13.x로 빌드 -> iOS 15이상에서 다음과 같이 나온다. (iOS 14 이하에서는 위와같은 UI로 나옴)

문제는 간단하다. Wheel Style이 아닌 Menu Style로 나오고 있다.

# 해결

해결 방법은 2가지가 있을 것 같다. (내 앱 기준..)

1. Xcode 13.x && iOS 15이상에서도 Wheel Style로 나오게

2. 내 앱의 전체적인 UI가 Wheel Style에 맞춰져 있으니 이를 바꾼다.

# Xcode 13.x && iOS 15이상에서도 Wheel Style로 나오게

이건 굉장히 간단하다.

Picker(selection: $selection, label: Text("")) {
    ForEach(0..<arr.count, id: \.self) { index in
        Text(arr[index])
    }
}.pickerStyle(WheelPickerStyle()) ✅

pickerStyle을 명시적으로 WheelPickerStyle로 주는 것이다.

이렇게만 해주면 Xcode 13.x && iOS 15이상에서도 Wheel Style로 나오게 된다.

(WheelPickerStyle은 iOS13+ 이라 사용에는 문제없다.)