Что я сделал, чтобы сделать весь экран черным, так это использовать эту конструкцию, на мой взгляд:
ZStack {
Color.black.ignoresSafeArea() }
А для модификаторов списка я использовал следующие два:
.listRowBackground(Color.black)
.listStyle(.plain)
Это прекрасно работает.
Но затем я хочу добавить представление поверх моего списка (например, заголовок), и вокруг него появляется пустое пространство? Откуда это? И как я могу изменить его на черный?
Вот мой полный код:
struct WorkoutView: View {
var body: some View {
ZStack {
Color.black.ignoresSafeArea()
List {
TempView()
ForEach(1..<30) { index in
VStack(alignment: .leading, spacing: 4) {
Text("one line")
.foregroundColor(.white)
.font(.title)
.fontWeight(.bold)
}
.padding(.vertical)
}
.listRowBackground(Color.black)
}
.listStyle(.plain)
}
}
}
struct TempView: View {
var body: some View {
ZStack(alignment: .leading) {
Color.black.ignoresSafeArea()
Text("Hello World")
.foregroundColor(.red)
.font(.largeTitle)
.bold()
}
}
}