如何解决父视图的 macOS SwiftUI 按钮“活动区域”宽度
对于 macOS 应用程序,我喜欢使用 SwiftUI 在其父视图上扩展按钮的宽度。我试过这个: 导入 SwiftUI
struct ContentView: View {
var body: some View {
vstack {
Button(action: {print("TEST")}) {
Image(systemName: "clock")
.frame(width: 25,height: 25,alignment: .center)
Text("This is a button")
.frame(minWidth: 200,idealWidth: 200,maxWidth: .infinity,minHeight: 25,idealHeight: 25,maxHeight: 25,alignment: .leading)
Image(systemName: "chevron.left")
.frame(width: 25,alignment: .center)
}
.buttonStyle(PlainButtonStyle())
}
}
}
它会产生一个看起来与我正在搜索的结果非常相似的结果,但是如果您单击以下应用程序屏幕截图中标记为红色的区域
按钮动作不会触发。此外,第一个图像和文本之间的区域不会触发动作。我还尝试实现自定义 ButtonStyle 但没有成功。如何实现一个按钮在父视图的整个宽度上延伸?
解决方法
您可以尝试使用 .contentShape(Rectangle())
:
Button(action: { print("TEST") }) {
HStack {
// ...
}
.frame(maxWidth: .infinity)
.contentShape(Rectangle())
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。