Como tornar novos itens editáveis ​​imediatamente?

Ao usar filteredSuggestions()no ForEach, ele é adicionado como se o EditMode estivesse desabilitado.

Como EditModevem do ambiente, quando você usa o array filtrado ( filteredSuggestions()) no ForEach, a lista filtrada pode ser recalculada toda vez que a exibição é atualizada, causando um comportamento inesperado, possivelmente em relação ao momento em que a lista é atualizada e quando EditModeé aplicada à primeira seção.

Por outro lado, quando você usa a lista sugerida diretamente ( sem filtragem), funciona porque os dados não mudam dinamicamente, e o ForEach pode facilmente manter o estado esperado da lista.

A solução é manter as sugestões filtradas em um estado e controlar quando a filtragem acontece de forma compatível com SwiftUI.

Então crie um filteredestado que seja inicialmente uma matriz vazia, preencha-o com a saída da filteredSuggestions()função on appear e use .onChangeo modificador para atualizar o estado sempre que o conteúdo chosenmudar:

    @State private var filtered: [String] = []
    ...
    
    List {
        ...
    }
    .onAppear {
            filtered = filteredSuggestions() // <- populate on appear
        }
    .onChange(of: chosen.count) {
            filtered = filteredSuggestions() // <- update when appending to chosen
    }

Aqui está o código completo:

import SwiftUI

struct EditorView: View {

    //Sample data
    let suggested = ["five", "six", "seven", "eight"]
    
    //State values
    @State private var chosen = ["one", "two", "three", "four"]
    @State private var filtered: [String] = []

    //Environment values
    @Environment(\.editMode) private var editMode
    
    //Body
    var body: some View {
        
        List {
            //Chosen
            Section {
                ForEach(chosen, id: \.self) { item in
                    Text(item)
                }
                .onDelete { indices in
                    chosen.remove(atOffsets: indices)
                }
                .onMove { indices, newOffset in }
            } header: {
                Text("chosen")
            }
            
            //Filtered
            Section {
                ForEach(filtered, id: \.self) { item in
                    HStack(spacing: 14) {
                        Button {
                            withAnimation {
                                chosen.append(item)
                            }
                        } label: {
                            Image(systemName: "plus.circle.fill")
                                .imageScale(.large)
                                .foregroundStyle(.green)
                        }
                        Text(item)
                    }
                }
            } header: {
                Text("suggested")
            }
        }
        .onAppear {
            filtered = filteredSuggestions() // <- populate on appear
        }
        .onChange(of: chosen.count) {
            filtered = filteredSuggestions() // <- update when appending to chosen
        }
        .environment(\.editMode, editMode)
        .toolbar {
            ToolbarItem(placement: .primaryAction) {
                EditButton()
            }
        }
    }
    
    //Filtering function
    private func filteredSuggestions() -> [String] {
        return suggested.filter { !chosen.contains($0) }
    }
}

//Preview
#Preview {
    @Previewable @State var editMode: EditMode = .active
    
    NavigationStack {
        EditorView()
            .environment(\.editMode, $editMode)
    }
}

Observação: depois de adicionar uma sugestão, tente removê-la da lista escolhida; ela deverá reaparecer como uma sugestão.