список swiftui не работает при вводе в ZStack

Question

Я использую ZStack для объединения списка и цвета, после этого список не будет прокручиваться, и при щелчке по тексту ничего не выводится.

Кто-нибудь знает, как это исправить?

Спасибо

struct ContentView: View {
    var body: some View {
        ZStack{

            List{
                ForEach(1...30, id: \.self){ i in
                    Text("ROW \(i)")
                        .font(.system(size: 40))
                        .onTapGesture {
                            print("clicked \(i)")
                    }

                }
            }

            Color.black.opacity(0.2)

        }
    }
}

Answer 1

Переместить цвет перед списком, и он будет работать. Смотрите измененный код ниже.

import SwiftUI

struct ContentView: View {
    var body: some View {
        ZStack{
            Color.black.opacity(0.2)
            List{
                ForEach(1...30, id: \.self) { i in
                    Text("ROW \(i)")
                        .font(.system(size: 40))
                        .onTapGesture {
                            print("clicked \(i)")
                    }
                }
            }
        }
    }
}

Answer 2

Я не знаю, почему это не работает - возможно, ошибка - но вы можете (и, вероятно, должны) сделать это вместо этого.

struct ContentView: View {
    var body: some View {
        List{
            ForEach(1...30, id: \.self){ i in
                Text("ROW \(i)")
                    .font(.system(size: 40))
                    .onTapGesture {
                        print("clicked \(i)")
                }
            }
        }.background(Color.black.opacity(0.2))
    }
}