SwiftUI - Search in List Header : <p>I am trying to to recreate what everyone know from UITableView with SwiftUI: A simple search field in the header of the tableview:</p>

<p><a href="https://i.stack.imgur.com/KZoXE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/KZoXE.png" alt="A simple search field in the header of the tableview"></a></p>

<p>However, the List View in SwiftUI does not even seem to have a way to add a header or footer. You can set a header with a TextField to sections like this:</p>

<pre><code>@State private var searchQuery: String = ""

var body: some View {

List {
    Section(header:
        Group{
            TextField($searchQuery, placeholder: Text("Search"))
                                .background(Color.white)
            }) {
                  ListCell()
                  ListCell()
                  ListCell()
                }

    }
}
</code></pre>

<p>However, I am not sure if this is the best way to do it because:</p>

<ol>
<li>The header does not hide when you scroll down as you know it from UITableView.</li>
<li>The SearchField does not look like the search field we know and love.</li>
</ol>

<p>Has anyone found a good approach? I don't want to fall back on UITableView.</p>
