【SwiftUI】View の overlay は タップイベント を透過できるのか 👉 https://android.benigumo.com/20240411/overlay-event/

TestClickEvent.swift

import SwiftUI

struct TestClickEvent: View {

  var body: some View {
    VStack {

      Button("default") {
        print("clicked.") // OK
      }

      Divider()

      Button("orange") {
        print("clicked.") // NG
      }
      .overlay {
        Color.orange
      }

      Divider()

      Button("clear") {
        print("clicked.") // OK
      }
      .overlay {
        Color.clear
      }

      Divider()

      Button("orange - 0.5") {
        print("clicked.") // NG
      }
      .overlay {
        Color.orange
          .opacity(0.5)
      }

      Divider()

      Button("orange - 200x50 - 0.5") {
        print("clicked.") // OK
      }
      .overlay {
        Color.orange
          .frame(width: 200, height: 50)
          .opacity(0.5)
      }

      Divider()

      Button("orange - 200x50 - 0.6") {
        print("clicked.") // NG
      }
      .overlay {
        Color.orange
          .frame(width: 200, height: 50)
          .opacity(0.6)
      }

      Divider()

      Button("orange - 0.5 - 200x50") {
        print("clicked.") // NG
      }
      .overlay {
        Color.orange
          .opacity(0.5)
          .frame(width: 200, height: 50)
      }

    }
    .buttonStyle(.borderedProminent)
  }
}

#Preview {
  TestClickEvent()
}