SwiftUI ScrollView inside List disappears when scrolling

Question

If I put multiple horizontal ScrollView s inside a List they disappear when scrolling. Here is an example:

Here is the code to reproduce the issue:

struct ContentView: View {

    var body: some View {
        List {
            ForEach(0...100, id: \.self) { _ in
                ScrollView(.horizontal) {
                    HStack {
                        Rectangle().frame(width: 100, height: 100)
                        Rectangle().frame(width: 100, height: 100)
                        Rectangle().frame(width: 100, height: 100)
                    }
                }
            }
        }
    }
}

I am using iOS 13.3. Adding frames to the ScrollView or HStack did not help, unfortunately. Does anyone know a way to fix this?

Answer 1

This seems to be a bug related to items reuse. You can try to fix setting the id in Lists and ScrollViews.

List(array, id: \.self) { item in
    Text("\(item)")
}.id(UUID().uuidString)

More about this fix in here and here .