Как сделать черный фон списка в SwiftUI?

Что я сделал, чтобы сделать весь экран черным, так это использовать эту конструкцию, на мой взгляд:

    ZStack {
       Color.black.ignoresSafeArea()  }

А для модификаторов списка я использовал следующие два:

    .listRowBackground(Color.black) 
    .listStyle(.plain)

Это прекрасно работает.

Но затем я хочу добавить представление поверх моего списка (например, заголовок), и вокруг него появляется пустое пространство? Откуда это? И как я могу изменить его на черный?

enter image description here

Вот мой полный код:

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()
        }
    }
}
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
Четыре эффективных способа центрирования блочных элементов в CSS
Четыре эффективных способа центрирования блочных элементов в CSS
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то...
0
0
24
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Просто сделайте то же самое, что и для ForEach: добавьте модификатор .listBackground(). Как это:

TempView()
    .listRowBackground(Color.black)

enter image description here

Другие вопросы по теме