SwiftUI 按钮无法在其整个区域上单击

Posted 2023-02-24

【中文标题】SwiftUI 按钮无法在其整个区域上单击

【英文标题】：SwiftUI Button cannot be clicked on its whole area

【发布时间】：2021-12-27 17:10:08

【问题描述】：

我构建了一个自定义按钮。 我的问题是，它只能在文本元素上单击，而不能在按钮的整个区域上单击。 怎么回事，怎么解决？

struct MyButton: View 
  
  var body: some View
   Button( action: print("pressed") )
   HStack 
      VStack(alignment: .leading)
        Text("Tomorrow").font(.caption)
        Text("23.5.22 KW 23")
      
      Spacer()
    
  
  .padding([.horizontal],4.0)
  .padding([.vertical],2.0)
  .background(RoundedRectangle(cornerRadius: 5).fill(Color.red))
  .buttonStyle(PlainButtonStyle())
  .padding([.horizontal],8.0)
  

【问题讨论】：

将填充移动到 HStack，而不是按钮。

【参考方案1】：

默认情况下，只有实际渲染某些东西的视图部分是可点击的。您需要为您的Button 添加一个.contentShape(Rectangle()) 修饰符以使整个区域具有交互性。