swiftuiのTextFieldで入力・編集したリスト内テキストの保存がuserDefaultsでうまくできない

Question

swiftuiでリストを作成しており、入力した文言を編集可能にし、都度保存するようなアプリを作成しています。

swiftuiでの保存はuserDefaultsを使用するとのことだったので、TextFieldでのコード実行後に、userDefaultsを組み込んだのですがエラーが出てしまいます。

エラーはNavigationviewの箇所とリストのForEach内部となっています。

Type 'Void' cannot conform to 'View'; only struct/enum/class types can conform to protocols

Value of optional type '[Any]?' must be unwrapped to refer to member 'count' of wrapped base type '[Any]'

どの部分が間違っているのかわからず困っています。ご指導いただければ幸いです。

import SwiftUI

struct ContentView: View {
  
    @State var tasks = ["リスト１", "リスト２", "リスト３", "リスト４", "リスト５"]
    //@State var tasks = [String]()
    @State var newtask = ""
    var userDefaults = UserDefaults.standard

    
    var body: some View {
        VStack {
            NavigationView{
            List{
                ForEach(0..<tasks.count, id: .self) { index in
                    TextField("PlainTextFieldStyle", text: $tasks[index])}
                    //Text(self.tasks[task])}
                    .onDelete(perform: rowRemove)
                }
            .navigationBarTitle("Menu")
            let tasks = userDefaults.array(forKey: "キー")
            userDefaults.set(tasks, forKey: "キー")
            }
            HStack {
                Spacer()
                Button(action: {
                    self.tasks.append(self.newtask)
                                           self.newtask = ""
                    //self.tasks = createTasks()
                }) {
                    Image(systemName:"pencil.tip.crop.circle.badge.plus")
                        .resizable()
                        .foregroundColor(/*@START_MENU_TOKEN@*/.black/*@END_MENU_TOKEN@*/)
                        .padding(/*@START_MENU_TOKEN@*/.all/*@END_MENU_TOKEN@*/)
                        .scaledToFit()
                        .frame(width: 80, height: 80)
                }
            }
            }
        }

    func rowRemove(offsets: IndexSet) {
            tasks.remove(atOffsets: offsets)
        }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Answer 1

この度は私も大変勉強になりました。ありがとうございました。
NavigationView内でUserDefaultsを使用したためエラーとなっているようです。
TextFieldからonCommitにてイベントを受け取って保存するとエラーが無くなりました。

            NavigationView{
                List{
                    ForEach(0..<tasks.count, id: .self) { index in
                        TextField("PlainTextFieldStyle", text: self.$tasks[index] , onCommit: {
                            
                            UserDefaults.standard.set(self.tasks, forKey: "キー")

                        })
                    }
                    .onDelete(perform: rowRemove)
                    
                }
                
            }

Comments

[naki888]

ご教示ありがとうございます。UserDefaultsの使用方法の方大変勉強になります。

ForEachに表示される下記の部分の対応でtasks.countのtasksの後に?や!をつけてもエラーになってしまいます。このエラーはリスト内の全てが削除されることを懸念してエラーが出ているのかと思うのですが、?でnilの場合も含める形では対応できないのでしょうか。

Value of optional type '[Any]?' must be unwrapped to refer to member 'count' of wrapped base type '[Any]'

こちらの問題点もご存知でしたらご指摘いただければ大変ありがたいです。何卒よろしくお願いいたします。

[lucia0320]

ご確認ありがとうございます。
tasks.countでnilの場合ですが、
宣言部にて空配列を宣言しても正常に動作しました。

?若しくは!を付与するとエラーとなる原因は私には分からず申し訳御座いませんが
tasksを空配列として宣言してもエラーとならないので
Listが全て削除されることを懸念してエラーとなっている。ということとは少し違うようです。

＜変更前＞
@State var tasks = ["リスト１", "リスト２", "リスト３", "リスト４", "リスト５"]

＜変更後＞
@State var tasks = [String]()　//空配列

なお、Playgroundにて下記のプログラムを実行したところ
正しく、「0」が返ってきました。

import SwiftUI
var tasks = [String]()
print(tasks.count)　　　//0

[naki888]

ご丁寧にありがとうございます。この度は大変助かりました。

もしかしたらxcode12の仕様変更などが絡んでいるのかもしれませんので、確認してみます。