SwiftUI下拉刷新：如何隐藏静止状态下的箭头组件？

要隐藏静止状态下的箭头，只需给Image添加一个条件化的透明度修饰符，根据refresh的状态控制箭头的可见性：

修改后的Image代码： #

Image(systemName: "arrow.down")
      .font(.system(size: 16, weight: .heavy))
      .foregroundColor(.gray)
      .rotationEffect(.init(degrees: refresh.started ? 180 : 0))
      .offset(y: -25)
      .opacity(refresh.started ? 1 : 0) // 新增：静止时透明，刷新时显示
      .animation(.easeIn, value: refresh.started) // 优化动画绑定，确保状态变化时平滑过渡

原理说明： #

• 静止状态下，refresh.started为false，箭头透明度被设为0，完全不可见；
• 当用户下拉ScrollView使得偏移量超过80时，refresh.started被设为true，箭头透明度恢复为1，同时配合旋转动画自然显示。

可选方案（完全移除布局）： #

如果你希望静止时箭头彻底从布局中消失（而非仅透明），可以用visibility修饰符替代opacity：

.visibility(refresh.started ? .visible : .hidden)

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