picker – swiftUI

SwiftUI

スタイル

default
    enum Snack: String, CaseIterable {
        case potetochips
        case ricecracker
        case banana
    }
    
    @State private var selectedSnack = Snack.potetochips

    var body: some View {
        Picker("お菓子", selection: $selectedSnack) {
            Text("ポテトチップス").tag(Snack.potetochips)
            Text("せんべい").tag(Snack.ricecracker)
            Text("バナナ").tag(Snack.banana)
        }
    }
inline
        Picker("お菓子", selection: $selectedSnack) {
            Text("ポテトチップス").tag(Snack.potetochips)
            Text("せんべい").tag(Snack.ricecracker)
            Text("バナナ").tag(Snack.banana)
        }
        .pickerStyle(.inline)
segmented
        Picker("お菓子", selection: $selectedSnack) {
            Text("ポテトチップス").tag(Snack.potetochips)
            Text("せんべい").tag(Snack.ricecracker)
            Text("バナナ").tag(Snack.banana)
        }
        .pickerStyle(.segmented)
menu
        Picker("お菓子", selection: $selectedSnack) {
            Text("ポテトチップス").tag(Snack.potetochips)
            Text("せんべい").tag(Snack.ricecracker)
            Text("バナナ").tag(Snack.banana)
        }
        .pickerStyle(.menu)
navigationLink
        Picker("お菓子", selection: $selectedSnack) {
            Text("ポテトチップス").tag(Snack.potetochips)
            Text("せんべい").tag(Snack.ricecracker)
            Text("バナナ").tag(Snack.banana)
        }
        .pickerStyle(.navigationLink)
palette
        Picker("お菓子", selection: $selectedSnack) {
            Text("ポテトチップス").tag(Snack.potetochips)
            Text("せんべい").tag(Snack.ricecracker)
            Text("バナナ").tag(Snack.banana)
        }
        .pickerStyle(.palette)
wheel
        Picker("お菓子", selection: $selectedSnack) {
            Text("ポテトチップス").tag(Snack.potetochips)
            Text("せんべい").tag(Snack.ricecracker)
            Text("バナナ").tag(Snack.banana)
        }
        .pickerStyle(.wheel)

コメント

タイトルとURLをコピーしました