如何在navigationBar上显示未折叠的菜单？-解网

问：

我想显示一个具有多个选项的选取器，以选择其中一个选项。我可以做到，但问题是菜单显示折叠。

如何显示菜单显示未折叠？

示例代码：

struct TestingView: View {

enum Options: String, CaseIterable {
    case option1
    case option2
    case option3
}

@State var selectedOrder: Options = .option1

var body: some View {
    NavigationStack{
        VStack {
            Text("Custom Text")
        }
        .toolbar {
            ToolbarItem(placement: .navigationBarTrailing) {
                Menu {
                    Picker("Order by", selection: $selectedOrder) {
                        ForEach(Options.allCases, id: \.self) {
                            Text($0.rawValue)
                        }
                    }
                    .pickerStyle(.menu)
                } label: {
                    Image(systemName: "arrow.up.arrow.down")
                }
            }
        }
    }
}}

swift swiftui 工具栏 swiftui 菜单

.toolbar {
    ToolbarItem(placement: .navigationBarTrailing) {
        Menu {
            ForEach(Options.allCases, id: \.self) { option in
                Button(action: {
                    selectedOrder = option
                }, label: {
                    if selectedOrder == option {
                        Image(systemName: "checkmark")
                    }

                    Text(option.rawValue)
                })
            }
        } label: {
            Image(systemName: "arrow.up.arrow.down")
        }
    }
}

输出： https://i.stack.imgur.com/ydM3S.png

上一个：如何在 SwiftUI 原生 App 中重新映射 macOS 默认键盘快捷键

下一个：如何在SwiftUI中一个接一个地更改状态变量？

如何在navigationBar上显示未折叠的菜单？

How to display the menu uncollapsed on navigationBar?

评论