Уменьшить интервал формы между разделами SwiftUI

Я пытаюсь создать приложение для заметок с помощью SwiftUI, и я хотел бы показать заметки, похожие на приложение Apollo Reddit делает.

В том, как он показывает сообщение, нет ничего особенного, он просто показывает сообщения с использованием интерфейса, аналогичного списку с GroupedListStyle(), но с меньшим интервалом между разделами.

Я пробовал много уловок, чтобы уменьшить этот интервал, но ни один из них, похоже, не работает.

TL;DR

У меня есть: введите описание изображения здесь

И я хочу это: введите описание изображения здесь

Любая помощь приветствуется. Заранее спасибо!

Вот мой код:

import SwiftUI

struct NotesView: View {

    let array = [
        Note(title: "Mi pana miguel letra", content:
        """
        [Intro: Keyan JRN & Producer Tag]
        El pana Miguel, yah, ey
        El pana Miguel, yah, ey (Snorkatje)
        Mi pana, mi pana, yeah
        Mi pana, mi pana, yeah
        Mi pana, mi pana, yeah, eh-eh
        Uh-uh-uh-uh-uh-uh

        [Estribillo]
        Ha-ha-hace un rato conocí al pana Miguel
        No-no voy a mentir, se ve bastante fresco
        (Ey, tío, ¿conoces a IlloJuan?) ¿Quién?
        (IlloJuan) No, que quién te ha preguntado (No-oh)
        Ha-hace un rato conocí al pana Miguel (Pana Miguel)
        No voy a mentir, se ve bastante fresco (Bastante fresco)
        Y el desgraciado de Matías que se vaya ya (Uh-uh, uh, uh)
        Prefiero quedarme aquí con mi pana, sentado
        """
        ),
        Note(title: "Note 02", content: "This is a test note."),
        Note(title: "Note 03", content: "This is a test note that is supposed to be longer than just 3 lines to test the note preview. Since I cba to write...")
    ]

    @ObservedObject var searchBar: SearchBar = SearchBar()

    var body: some View {

        NavigationView {

            List {

                if array.count > 0 {
                    ForEach(
                        array.filter
                        {
                            searchBar.text.isEmpty ||
                                $0.id.localizedStandardContains(searchBar.text)
                        },
                        id: \.self
                    ) { eachNote in

                        Section {
                            NoteView(note: eachNote)
                        }.buttonStyle(PlainButtonStyle())

                    }
                } else {

                    NavigationLink(destination: NotesTextEditor()) {
                        Text("Create a new post")
                    }

                }


            }
            .listStyle(GroupedListStyle())

            .add(self.searchBar)

        }

    }

}

ios swiftui swiftui-list swiftui-form
person iAlex11    schedule 03.06.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Возможное решение - использовать настраиваемый разделитель групп a-la вместо стандартного.

Протестировано с Xcode 11.4 / iOS 13.4 на некотором реплицированном коде.

демо

List {
    ForEach(array.indices, id: \.self) { i in
        VStack(spacing: 0) {
            Text(self.array[i].title)
                .padding(.horizontal)
            Text(self.array[i].content)
                .padding(.horizontal)

            if i != self.array.count - 1 { // don't show for last
                Rectangle().fill(Color(UIColor.systemGroupedBackground))
                   .frame(height: 16) // << fit as you need
            }
        }.listRowInsets(EdgeInsets()) // << avoid extra space
    }
}.listStyle(GroupedListStyle())
person Asperi    schedule 04.06.2020