如何禁用 SwiftUI ScrollView 剪輯

Question

請參閱以下示例代碼：

ScrollView(.horizontal, showsIndicators: false) {
    HStack(spacing: 20) {
        ForEach(0 ..< 12) { index in
            Rectangle()
                .foregroundColor(.white)
                .frame(width: 100, height: 100, alignment: .center)
                .shadow(radius: 20)
        }
    }
}

此示例代碼將生成一個以Rectangle作為元素的水平ScrollView 。

但是，看起來 ScrollView 實際上會剪輯它的內容，因此頂部和底部的任何陰影都將被剪輯。

有沒有辦法通過滾動視圖禁用自動剪輯或其他方式來實現這一點？

Answer 1

陰影不會影響Rectangle的框架。 因此，嘗試為 Rectangle 添加填充，通過增加 Rectangle 的幀大小（包括陰影），陰影仍然可見。

ForEach(0 ..< 12) { index in
    Rectangle()
        .foregroundColor(.white)
        .frame(width: 100, height: 100, alignment: .center)
        .shadow(radius: 20)
        .padding(20) //<< Padding here for the radius
}