為什么向列表添加“.shadow”修飾符會使“.onMove”修飾符不再起作用？

Question

運行在macOS（11.7.2）上，代碼如下：

struct ContentView: View {
@State private var users = ["Paul", "Taylor", "Adele"]

var body: some View {
    List {
        ForEach(users, id: \.self) { user in
            Text(user)
        }
        .onMove { a, b in
            print(a,b)
        }
    }
    .frame(width: 200,height: 200)
    .background(Color.white)
    .cornerRadius(10)
    .position(x: 500, y:300)
    //.shadow(color: Color.black.opacity(0.2), radius: 10)
}

}

如果我注釋掉.shadow修飾符， .onMove的閉包就會被執行，否則不會。

為什么會這樣？ 我怎樣才能解決這個問題？ .shadow是如何影響.onMove ？ 這是我最好奇的部分，有什么建議嗎？

Answer 1

如果您在背景之前設置陰影，它會起作用。 像這樣：

List {
    ForEach(users, id: \.self) { user in
        Text(user)
            .foregroundColor(.red)
    }.onMove { a, b in
        print(a,b)
    }
}
.frame(width: 200,height: 200)
.shadow(color: Color.black.opacity(0.2), radius: 10)
.background(Color.white)
.cornerRadius(10)
.position(x: 500, y:300)