Swiftui тень, применяя к элементам интерьера

Question

Я добавил тень вокруг VStack, удерживает мои два текстовых поля и кнопку отправки.Однако тень также применяется к двум текстовым полям внутри VStack.Есть ли что-то, чего мне здесь не хватает, что заставляет это случиться?Я попытался добавить shadow(radius: 0) в текстовые поля, но это ничего не меняет.Если я уберу отступы и фон из текстовых полей, тень исчезнет.

    var body: some View {
        VStack() {
            Spacer()

            VStack() {
                TextField($email, placeholder: Text("email"))
                    .padding()
                    .background(Color(red: 242 / 255, green: 242 / 255, blue: 242 / 255))

                SecureField($password, placeholder: Text("password"))
                    .padding()
                    .background(Color(red: 242 / 255, green: 242 / 255, blue: 242 / 255))

                Button(action: { self.login() }, label: { Text("Login").foregroundColor(Color.white) })
                    .padding()
                    .background(Color(red: 0, green: 116 / 255, blue: 217 / 255))
            }
                .padding()
                .background(Color.white)
                .shadow(radius: 10)

            Spacer()
        }
        .padding()
        .background(Color(red: 0, green: 116 / 255, blue: 217 / 255))
        .edgesIgnoringSafeArea(.all)
    }

Answer 1

Вы можете использовать clipped() здесь, чтобы исправить это

       VStack() {
            Text("Text")
                .background(Color.red) .padding()

                .padding()

            Text("Text")
                .background(Color.purple)
                .padding()

            }
            .padding()
            .background(Color.white)

            .clipped()
            .shadow(color: Color.red, radius: 10, x: 0, y: 0)

Вывод:

Надеюсь, это полезно:)