SwiftUI菜单选取器样式显示奇怪的双箭头

ca1c2owp 于 2022-10-31 发布在 Swift

关注(0)|答案(1)|浏览(144)

基本上，我使用菜单选择器样式来显示一组数字。我更喜欢它而不是菜单，因为它在所选项目前面没有复选标记，而且因为我需要更改菜单的文本，如果新项目比以前的项目长，它需要时间来重新呈现它。当使用选择器样式时，我得到了这些双箭头，这让我很恼火，到目前为止还没有找到解决办法。

struct ContentView: View {
    @State private var selection = "Red"
    let colors = ["Red", "Green", "Blue", "Black", "Tartan"]

    var body: some View {
        VStack {
            Picker("Select a paint color", selection: $selection) {
                ForEach(colors, id: \.self) {
                    Text($0)
                }
            }
            .pickerStyle(.menu)

            Text("Selected color: \(selection)")
        }
    }
}

我希望它看起来像这样的东西。（这张照片是从正常的菜单，但正如我之前所说，它有更多的底片，所以我不需要它）

swift

来源：https://stackoverflow.com/questions/74213793/swiftui-menu-picker-style-shows-strange-double-arrow

1条答案

按热度按时间

xqnpmsa81#

您可以尝试如下菜单，它可以显示复选标记

struct ContentView: View {

let colors = ["Red", "Green", "Blue", "Black", "Tartan"]
@State var index = 0
@State var selectedColor = "Red"
var body: some View {
    VStack {
        Menu{
            ForEach(Array(colors.enumerated()), id: \.offset){index, color in
                Button(action: {
                    self.index = index
                    self.selectedColor = color
                }, label: {
                    HStack{
                        Text(color)
                        if selectedColor == colors[index]{
                            Image(systemName: "checkmark")
                        }
                    }
                })
            }
        } label: {
            Text(colors[index])
                .foregroundColor(.blue)
                .frame(width: UIScreen.main.bounds.width/2)
        }
        Text("Selected Color \(colors[index])")

    }
}
}

赞(0）回复(0）举报 2022-10-31

我来回答

SwiftUI菜单选取器样式显示奇怪的双箭头

1条答案

相关问题

热门标签

最新问答