SwiftUI：將新項目添加到列表時不更新 .listRowBackground

Question

我試圖找出在將新項目添加到列表時未更新.listRowBackground的原因。 這是我的代碼示例：

   @main
    struct BGtestApp: App {
    
        @ObservedObject var viewModel = ViewModel()
    
        var body: some Scene {
            WindowGroup {
                ContentView()
                    .environmentObject(viewModel)
            }
        }
    }

struct ContentView: View {

    @EnvironmentObject var vm: ViewModel
    
    var body: some View {
        NavigationView {
            List {
                ForEach(vm.items, id: \.self) { item in
                    NavigationLink {
                        DetailView().environmentObject(vm)
                    } label: {
                        Text(item)
                    }
                    .listRowBackground(Color.yellow)
                }
            }
        }
    }
}

struct DetailView: View {

    @EnvironmentObject var vm: ViewModel

    var body: some View {
        Button("Add new") {
            vm.items.append("Ananas")
        }
    }
}

它的樣子：

TIA 為您提供幫助！

Answer 1

當您回到列表時，您可以強制刷新列表。 您可以使用.id()為您的列表標記一個 id。 這是我的解決方案：

struct ContentView: View {
    @EnvironmentObject var vm: ViewModel
    @State private var viewID = UUID()
    
    var body: some View {
        NavigationView {
            List {
                ForEach(vm.items, id: \.self) { item in
                    NavigationLink {
                        DetailView()
                            .environmentObject(vm)
                    } label: {
                        Text(item)
                    }
                }
                .listRowBackground(Color.yellow)
            }
            .id(viewID)
            .onAppear {
                viewID = UUID()
            }
        }
    }
}

希望對你有幫助。

Answer 2

我發現的解決方案並不理想，但應該可以。 我所做的是將項目設為@State變量：

struct ContentView: View {

    @EnvironmentObject var vm: ViewModel

    @State var items: [String] = []

    var body: some View {
        NavigationView {
            VStack {
                List {
                    ForEach(items, id: \.self) { item in
                        NavigationLink {
                            DetailView().environmentObject(vm)
                        } label: {
                            RowView(item: item)
                        }
                        .listRowBackground(Color.yellow)
                    }
                }
                .onAppear {
                    self.items = vm.items
                }
            }
        }