How do you reorder a SwiftUI list?

Question

I have a list of objects in a SwiftUI list, and I want to be able to filter that list based on user inputs. I have the list resorting, but I don't know how to call "refresh" on the list view

struct VitalsDetailView: View {
    var body: some View {
        var filteredVitals = VitalsManager.sharedInstance.vitals?.vitals?.filter({ $0.name == self.vitalName})
            
        VStack(alignment: .leading, spacing: 5) {
            VStack(alignment: .leading) {
                HStack {
                    Text(NSLocalizedString("VitalsDetails.sortedBy", tableName: nil, bundle: Bundle.main, value: "Sorted By.", comment: ""))
                        .font(.system(size: 13))
                        .fontWeight(.medium)
                    Text(NSLocalizedString("VitalsDetails.dateReported", tableName: nil, bundle: Bundle.main, value: "Date Reported.", comment: ""))
                        .font(.system(size: 13))
                        .fontWeight(.light)
                    Text(displayText)
                        .font(.system(size: 13))
                        .fontWeight(.light)
                    Image(systemName: "arrow.up.arrow.down")
                        .renderingMode(.template)
                        .foregroundColor(.blue)
                }
                .onTapGesture(count: /*@START_MENU_TOKEN@*/1/*@END_MENU_TOKEN@*/, perform: {
                    //reorder list
                    if(newToOld) {
                        filteredVitals = filteredVitals!.sorted(by: {$0.dateOfIssue!.compare($1.dateOfIssue!) == .orderedAscending })
                    } else {
                        filteredVitals = filteredVitals!.sorted(by: {$0.dateOfIssue!.compare($1.dateOfIssue!) == .orderedDescending })
                    }
                })
                Text("Last Updated Date")
                    .font(.system(size: 15))
            }
            .padding()
            
            List(filteredVitals!) { vital in
                vitalsCell(vital: vital)
            }
            
        }
        .frame(minWidth: 0,
               maxWidth: .infinity,
               minHeight: 0,
               maxHeight: .infinity,
               alignment: .topLeading)
        .background(Color((#colorLiteral(red: 0.8039215803, green: 0.8039215803, blue: 0.8039215803, alpha: 1))))
        .navigationBarTitle(vitalName)
    }
}

Asperi · Accepted Answer · 2020-11-11 16:00:14Z

2

You can make your filteredVitals as state (or move into view model and make published), ie

struct VitalsDetailView: View {
    @State private var filteredVitals = VitalsManager.sharedInstance.vitals?.vitals?.filter({ $0.name == self.vitalName})

var body: some View {
   // ... other code

answered Nov 11, 2020 at 16:00

Asperi

262k28 gold badges594 silver badges889 bronze badges

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

1 Comment

Nathan Over a year ago

Perfect Thank you !

Collectives™ on Stack Overflow

How do you reorder a SwiftUI list?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related