LottieSwitch 高度

Question

我尝试将 LottieSwitches 放置在带有 SwiftUI 的 VStack 中，这在交换机之间留下了更大的间隙。 使用 .frame(height: XX) 可以正确改变开关的高度，但并不能消除它们之间的大间隙

VStack {
    LottieSwitch(animation: .named("On-Toggle"))
        .isOn($paperbackToggleIsOff)
        .onAnimation(fromProgress: 0.5, toProgress: 1.0)
        .offAnimation(fromProgress: 0.0, toProgress: 0.5)
        .frame(height: 55)
    LottieSwitch(animation: .named("On-Toggle"))
        .isOn($paperbackToggleIsOff)
        .onAnimation(fromProgress: 0.5, toProgress: 1.0)
        .offAnimation(fromProgress: 0.0, toProgress: 0.5)
        .frame(height: 55)
}

Answer 1

尝试 vstack(spacing:0) 以避免它们之间有间距。或者另一种方式可以是 vstack(spacing:0){ 间隔（） 洛蒂维尤 洛蒂维尤 间隔() 这是确保 vstack 和图像位于设备中心

你说你希望图像彼此重叠，在这种情况下你需要 zstack