在切換視圖SwiftUI時將文本保留在TextEditor元素上

好吧，我正在開發一個小應用程式，其中我有一個 TextEditor 元素來輸入我們想要的任何內容。情況是，我想在切換其他視圖時將文本保留在 TextEditor 上，但我不能。

切換視圖之前的文本編輯器：

切換視圖后的文本編輯器：

代碼是下一個：

    struct VistaDatos: View {
    
    @State private var opinion: String = ""

    
    var progreso : Double {
        Double(opinion.count)
    }
    
    var body: some View {
         
        VStack{ 
        //SOME CODE HERE ...
            HStack{
                Text("Mi opinión...")
                    .font(.headline)
                Image(systemName: "pencil")
                    .foregroundColor(.white)
                    .font(.headline)
            }
            
            VStack{
                TextEditor(text: $opinion)
                    .background(.green)
                    .frame(width: 350, height: 250)
                    .background().colorMultiply(.green)
                    .overlay(Rectangle().stroke(Color.black, lineWidth:2))
                    .disableAutocorrection(true)
                    .onChange(of: self.opinion) { value in
                        if Int(opinion.count) > 150 {
                            self.opinion = String(value.prefix(150))
                        }
                    }
                
                Text("Número de palabras: \(Int(progreso))/150").foregroundColor(Int(progreso) >= 100 ? .red : .white)
                ProgressView(,value: progreso, total: 150) {
                }.frame(width: 350, alignment: .center)
            }
        }.background(Color.green)
        Spacer()
    }
}

我必須使用 .onDisappear 事件才能使其作業（它似乎在第一級堆疊上），但它不作業......我怎樣才能讓它作業？

提前致謝。

uj5u.com熱心網友回復：

既然你說你有多個視圖，我認為可能需要opinion文本，試試這個示例代碼。它將您的文本保存在 中ObservableObject，您可以在整個應用程式中使用它。

對你來說，就是編碼保存和從任何你想要的地方檢索。在此示例中，它使用UserDefaults.

class StoreService: ObservableObject {
    // your text
    @Published var opinion = ""
    
    // ... todo code to store your data when you are finished
    func save() {
        // save your data
        UserDefaults.standard.set(opinion, forKey: "opinion")
    }
    
    // ... todo code to retrieve your data when the app starts again
    init() {
        // get your data
        opinion = UserDefaults.standard.string(forKey: "opinion") ?? ""
    }
}

struct ContentView: View {
    @StateObject var store = StoreService() // <-- here
    
    var body: some View {
        NavigationStack {
            VStack (spacing: 50) {
                Text("\(store.opinion.count) characters typed")
                NavigationLink("go to VistaDatos", value: "editor")
                    .navigationDestination(for: String.self) { str in
                        VistaDatos()
                    }
            }
        }.environmentObject(store) // <-- here
    }
}

struct VistaDatos: View {
    @EnvironmentObject var store: StoreService  // <-- here

    var progreso : Double {
        Double(store.opinion.count)
    }
    
    var body: some View {
        
        VStack{
            //SOME CODE HERE ...
            HStack{
                Text("Mi opinión...").font(.headline)
                Image(systemName: "pencil")
                    .foregroundColor(.white)
                    .font(.headline)
            }
            
            VStack{
                TextEditor(text: $store.opinion)  // <-- here
                    .background(.green)
                    .frame(width: 350, height: 250)
                    .background().colorMultiply(.green)
                    .overlay(Rectangle().stroke(Color.black, lineWidth:2))
                    .disableAutocorrection(true)
                    .onChange(of: store.opinion) { value in
                        if store.opinion.count > 150 {
                            store.opinion = String(value.prefix(150))
                        }
                    }
                
                Text("Número de palabras: \(Int(progreso))/150").foregroundColor(Int(progreso) >= 100 ? .red : .white)
                
                ProgressView(value: progreso, total: 150).frame(width: 350, alignment: .center)
                
                Button("Save me") {  // <-- here
                    store.save()
                }
            }
        }.background(Color.green)
        Spacer()
    }
}

或者，您可以使用 simple @AppStorage，如下所示：

struct ContentView: View {
    @AppStorage("opinion") var opinion = ""  // <-- here
    
    var body: some View {
        NavigationStack {
            VStack (spacing: 50) {
                Text("\(opinion.count) characters typed")
                NavigationLink("go to VistaDatos", value: "editor")
                    .navigationDestination(for: String.self) { str in
                        VistaDatos()
                    }
            }
        }
    }
}

struct VistaDatos: View {
    @AppStorage("opinion") var opinion = ""  // <-- here

    var progreso : Double {
        Double(opinion.count)
    }
    
    var body: some View {
        
        VStack{
            //SOME CODE HERE ...
            HStack{
                Text("Mi opinión...").font(.headline)
                Image(systemName: "pencil")
                    .foregroundColor(.white)
                    .font(.headline)
            }
            
            VStack{
                TextEditor(text: $opinion) // <-- here
                    .background(.green)
                    .frame(width: 350, height: 250)
                    .background().colorMultiply(.green)
                    .overlay(Rectangle().stroke(Color.black, lineWidth:2))
                    .disableAutocorrection(true)
                    .onChange(of: opinion) { value in
                        if opinion.count > 150 {
                            opinion = String(value.prefix(150))
                        }
                    }
                
                Text("Número de palabras: \(Int(progreso))/150").foregroundColor(Int(progreso) >= 100 ? .red : .white)
                
                ProgressView(value: progreso, total: 150).frame(width: 350, alignment: .center)
            }
        }.background(Color.green)
        Spacer()
    }
}

標籤：迅速事件迅捷

上一篇：無法轉換型別“UnsafePointer<UnsafeMutablePointer<Float>>？”的值？到預期的引數型別'UnsafePointer<Flo

下一篇：如何在Swift中使用DecodingError.typeMismatch關聯值