SwiftUI中ScrollView内Button点击无轻触动画问题求助

我正在开发一款应用，使用了如下SwiftUI代码结构：

ScrollView {
    VStack {
        Button(action: {
            print("hello")
        }) {
           Text("Click Me")
        }
    }
}

点击按钮时，响应逻辑可正常执行，但按钮没有轻触动画（即无淡出再淡入效果），仅长按按钮时才会出现该动画。已尝试其他帖子提及的方法（如给ScrollView添加onTapGesture等），仍未解决，请问该如何恢复轻触动画？

这个问题源于ScrollView的手势优先级高于Button的默认轻触手势，导致普通点击无法触发按钮的高亮动画。以下是几种可行的解决方式：

• 提升Button手势优先级
  通过highPriorityGesture让Button的TapGesture优先于ScrollView的手势，代码改动最小，可直接恢复默认轻触动画：

  ScrollView {
      VStack {
          Button(action: {
              print("hello")
          }) {
              Text("Click Me")
          }
          .highPriorityGesture(TapGesture())
      }
  }
  

• 自定义Button样式
  完全自定义按钮的轻触状态动画，确保不受ScrollView手势影响：

  struct CustomTapButtonStyle: ButtonStyle {
      func makeBody(configuration: Configuration) -> some View {
          configuration.label
              .opacity(configuration.isPressed ? 0.7 : 1.0)
              .scaleEffect(configuration.isPressed ? 0.95 : 1.0)
              .animation(.easeInOut(duration: 0.1), value: configuration.isPressed)
      }
  }
  
  // 使用样式
  ScrollView {
      VStack {
          Button(action: {
              print("hello")
          }) {
              Text("Click Me")
          }
          .buttonStyle(CustomTapButtonStyle())
      }
  }
  

• 手动绑定按压状态添加动画
  通过@State变量跟踪按钮按压状态，手动添加动画效果：

  ScrollView {
      VStack {
          Button(action: {
              print("hello")
          }) {
              Text("Click Me")
          }
          .buttonStyle(.plain)
          .opacity(isPressed ? 0.7 : 1.0)
          .scaleEffect(isPressed ? 0.95 : 1.0)
          .animation(.easeInOut(duration: 0.1), value: isPressed)
          .gesture(
              TapGesture()
                  .onChanged { _ in isPressed = true }
                  .onEnded { _ in isPressed = false }
          )
      }
  }
  @State private var isPressed = false
  

其中第一种方法最为简洁高效，推荐优先使用。

内容的提问来源于stack exchange，提问作者user2826739