带有菜单的 ToolbarItem 很难点击 - SwiftUI

时间:2021-08-01 18:07:38

标签: ios swift swiftui

我尝试创建一个(添加/加号)按钮,显示一个菜单,我们可以从中选择要执行的操作(类似于 iPhone 上的文件或备忘录应用程序)

.navigationTitle("Hello World Everyone")
.toolbar {
    ToolbarItem(placement: .navigationBarTrailing) {
        Menu(content: {
            Button(action: {print("option A")}, label: {Label("My option A", systemImage: "folder.badge.plus")})
            Button(action: {print("option B")}, label: {Label("My option B", systemImage: "doc.badge.plus")})
        }, label: {
            Image(systemName: "plus")
                .imageScale(.large)
                .background(Color.red)
        })
    }
}

但问题是点击这个“加号”按钮非常困难! 另一方面,如果我使用传统的 Button 块而不是 Menu 块,这个问题就会消失(但当然我失去了我想要的功能)(在 Xcode 13b4 中不再是这种情况)

你有什么想法吗?

编辑 1:

很少有人建议我在 Menu 的标签中添加 padding,这是个好主意,但这就是它不完美的原因:

可点击区域(以红色表示)直到屏幕的后沿才会移动(参见紫色图)。因此,如果用户不幸点击了添加按钮的这一侧,点击将失败:换句话说,点击此按钮仍然非常困难!
另一个问题是加号图标从他的默认位置向左移动

0 个答案:

没有答案