SwiftUI List is clipping using .navigationBarItems

Question

When I add .navigationBarItems modifier list is clipping and doesn't take all space like this

It should be like on this photo (without .navigationBarItems):

Code

struct PatientsListView: View {
    @ObservedObject var listData = PatientsListViewModel()
    var body: some View {
        NavigationView{
            Group {
                if listData.patientsList.count > 0{
                    List{
                        ForEach(Array(listData.patientsList)) {  patient in
                            NavigationLink(destination: PatientsDetailView(patient: patient),
                                           label: {
                                            PatientsListRow(patient: patient)
                                           })
                        }
                    }
                }
                else if listData.patientsList.count == 0 {
                    Text("Самое время добавить пациентов!").foregroundColor(.gray)
                    
                }
                else if listData.isLoading {
                    ProgressView()
                }
            }
            .navigationTitle("Пациенты")
            .navigationBarTitleDisplayMode(.large)
            .navigationBarItems(trailing: NavigationLink(destination: PatientCreateView(), label: {
                Image(systemName: "plus").foregroundColor(.white)
            }))
            
            
            
        }
        .onAppear(perform: {
            listData.fetchPatients()
        })
    }
}

score 2 · Accepted Answer · answered Nov 12 '20 at 17:01

This is default behavior. If you like you can set List style explicitly, like

List{
    ForEach(Array(listData.patientsList)) {  patient in
        NavigationLink(destination: PatientsDetailView(patient: patient),
                       label: {
                        PatientsListRow(patient: patient)
                       })
    }
}
.listStyle(PlainListStyle())        // << here !!

SwiftUI List is clipping using .navigationBarItems

1 Answers1