SwiftUI ProgressView not showing when inside List

Question

In the following simple example you will find that the first time you tap Toggle Loading the ProgressView is shown as it should, but the second time (3rd tap) it's not. It seems to be caused by the surrounding List.

Any ideas what the issue is and how to make it work?

struct ContentView: View {

    @State private var isLoading = false

    var body: some View {
        List {
            if isLoading {
                HStack(alignment: .center, spacing: 10) {
                    ProgressView()
                    Text("Loading")
                }
            } else {
                Text("Not Loading")
            }

            Button("Toggle Loading") {
                isLoading.toggle()
            }
        }
    }
}

zzzwco · Accepted Answer · 2022-03-09 09:59:26Z

3

struct ContentView: View {
  
  @State private var isLoading = false
  
  var body: some View {
    List {
      HStack(alignment: .center, spacing: 10) {
        if isLoading {
          ProgressView()
        }
        Text(isLoading ? "Loading" : "Not Loading")
      }
      
      Button("Toggle Loading") {
        isLoading.toggle()
      }
    }
  }
}

answered Mar 9, 2022 at 9:59

zzzwco

2301 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Collin Allen Over a year ago

See also swiftbysundell.com/articles/handling-loading-states-in-swiftui

Collectives™ on Stack Overflow

SwiftUI ProgressView not showing when inside List

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related