SwiftUI, тень только для контейнера

Question

Например, у меня есть это представление:

import SwiftUI

struct TarifsScreen: View {

var body: some View {

    GeometryReader { geometry in

        VStack {

            VStack {

                Spacer()

                Text("Text1")

                Spacer()

                Text("Text2")

                Spacer()

                Text("Text3")

                Spacer()

            }
        }.frame(width: geometry.size.width, height: geometry.size.height).shadow(color: Color.white, radius: 10, x: 0, y: 0)
    }
  }
}

Как я могу применить тень только для VStack, а не для всех элементов внутри VStack? Может быть, я могу сделать это с помощью ZStack и двух контейнеров?

Answer 1

Добавьте фон и примените к нему тень, как в примере ниже

  VStack {
    ...
  }
  .background(Color.white // any non-transparent background
    .shadow(color: Color.red, radius: 10, x: 0, y: 0)
  )
  .frame(width: geometry.size.width, height: geometry.size.height)