Удалите лишние разделители под списком в SwiftUI

Question

Я создал простой List, как показано ниже, но под ним есть дополнительные разделители.

List {
  Text("Item 1")
  Text("Item 2")
  Text("Item 3")
}

Результат:

Я пытался встроить Список в VStack и добавить Spacer(), как показано ниже, но он не работает должным образом. Удаляет около половины пустых ячеек.

VStack{
  List {
    Text("Item 1")
    Text("Item 2")
    Text("Item 3")
  }
  Spacer()
}

Как бы я удалил эти дополнительные разделители в SwiftUI?

Answer 1

Это не идеальное решение, но вы можете использовать ScrollView, где каждая ячейка создается с помощью вызова ForEach, а разделители создаются с помощью Divider ().

Редактировать: я говорил с инженерами Apple вWWDC об этом.Они слышали много отзывов относительно удаления / замены разделителей.Тем не менее, пока мой ответ выше является их рекомендацией.

Answer 2

Не идеальное решение, но вы можете сделать стиль списка .grouped на .listStyle(.grouped), который удалит все пустые ячейки, которые могут появиться ниже.

Answer 3

Добавление белого прямоугольника в качестве нижнего колонтитула и с 0 EdgeInsets работало для меня:

struct Footer: View {
    var body: some View {
        Rectangle()
            .foregroundColor(.white)
            .listRowInsets(EdgeInsets())
    }
}

struct Timeline : View {
    var body: some View {
        List {
            Section(footer: Footer()) {
                Text("Item 1")
                Text("Item 2")
                Text("Item 3")
            }
        }
    }
}

Единственная проблема заключается в том, что он также добавляет заголовок, и я не уверен, как от него избавиться.

Answer 4

Два способа сделать это

=============================================================

struct ContentView: просмотр {

var body: some View {

    List {
            Text("One")
            Text("Two")
            Text("Three")
    }.listStyle(.grouped)
}

}

========================================================

struct ContentView: View {

var body: some View {

    List {
        Section(header: Text("Header"), footer: Text("Footer")) {
            Text("One")
            Text("Two")
            Text("Three")
        }
    }
}

}

Я рекомендую стиль сгруппированного списка

Answer 5

Вот один из способов.

List {
         Section(footer: Text(""))) {
                Text("One")
                Text("Two")
                Text("Three")
            }
     }

Вместо представления текста в нижнем колонтитуле вы можете создать свой собственный.Примечание. Я пробовал EmptyView (), но на самом деле это не удаляет избыточные разделители.