SwiftUI ZStack не показывает нижний элемент со списком

Question

Когда изображение помещается в нижнюю часть ZStack , изображение просто не отображается

       
 struct ContentView: View {
     var body: some View {
        VStack{
            ZStack{
                Image(systemName:"folder") // not showing
                    .resizable()
                    .scaledToFit()
                    .frame(width: 70, height: 70, alignment: .center)
                List {
                    ForEach(1...8, id: \.self){ i in
                        Text("ROW \(i)")
                    }
                }
            }
        }
    }
}

и изображение покажет, находится ли оно сверху.

       
 struct ContentView: View {
     var body: some View {
        VStack{
            ZStack{
                List {
                    ForEach(1...8, id: \.self){ i in
                        Text("ROW \(i)")
                    }
                }
                Image(systemName:"folder") // This will show
                    .resizable()
                    .scaledToFit()
                    .frame(width: 70, height: 70, alignment: .center)
            }
        }
    }
}

Как я могу показать изображение внизу и скрыть его, когда список прокручивается вверху изображения?

Answer 1

Вы можете добиться желаемого результата, изменив фон списка следующим образом:

      struct ContentView: View {
    var body: some View {
        List {
            ForEach(1...8, id: \.self){ i in
                Text("ROW \(i)")
            }
        }
        .background(
            ZStack {
                // Apply the default list background color in case you want it
                Color(UIColor.systemGroupedBackground)
                    .edgesIgnoringSafeArea(.all)
                
                Image(systemName: "folder")
                    .resizable()
                    .scaledToFit()
                    .frame(width: 70, height: 70, alignment: .center)
            }
        )
        .scrollContentBackground(.hidden)
    }
}