【SwiftUI】ローカル通知(UserNotifications)を行う際のデータの受け渡し

Question

前提

ローカル通知機能付きのTodoリストを作成しています。

ご参照いただきたいファイルは以下2つです。
1．ListView.swift →　Todoリストの入力と表示を行うビューファイル
2．NotificationManager.swift →　ローカル通知の許可するメソッドと、通知を行うメソッドを内包したクラスを記載したファイル

実現したいこと

TextFieldに入力した内容を、ローカル通知でお知らせできるようにしたい。

※通知にはUserNotifications をインポートして使用しています。
※各Todoの登録はUserDefaultsの機能を使っています。

発生している問題

ListView.swift 内に記述したextension ListViewに
ローカル通知を設定するメソッド「scheduleNotification」を行うボタンを設置しましたが、
このメソッドの引数である以下3つに入れる値の記述方法がわかりません。

todoSubtitle
todoHour
todoMinute

該当のソースコード①(ListView.swift)

import SwiftUI

struct ListView: View {
    @State var newItem: String = ""
    @State var toDoList: [String] = []
    
    @State var selectedValue1: Int = -1
    @State var selectedValue2: Int = -1
    
    var body: some View {
        VStack {
            
            //新規予定の登録
            HStack {
                TextField("新しい予定を入力してください", text: $newItem)
                    .textFieldStyle(RoundedBorderTextFieldStyle())
                    .frame(width: 300)
                
                Button {
                    toDoList.append(newItem)
                    newItem = ""
                    UserDefaults.standard.set(toDoList, forKey: "ToDoList")
                }
            label: {
                ZStack {
                    RoundedRectangle(cornerRadius: 5)
                        .frame(width: 50, height: 30)
                        .foregroundColor(.green)
                    
                    Text("追加").foregroundColor(.white)
                }
              }
            }
            
            //登録したTodoのリスト
            List {
                ForEach(toDoList, id: \.self) { item in
                    VStack{
                        HStack{
                            Text(item)
                            Spacer()
                        }
                        
                        todoDatePicker
                    }
                }
            }
        }
        .onAppear() {
                        NotificationManager.instance.requestAutorization()
            guard let defaultItem = UserDefaults.standard.array(forKey: "ToDoList") as? [String]
            else { return }
            toDoList = defaultItem
        }
    }
}

//通知をする時刻を設定するピッカー
extension ListView {
    var todoDatePicker : some View {
        HStack{
            Picker("", selection: $selectedValue1) {
                ForEach(-1 ..< 24, id: \.self) { hour in
                    VStack{
                        if hour == -1 {
                            Text("未選択").tag(hour)
                        } else{
                            Text("\(hour)").tag(hour)
                        }
                    }
                }
            }
            
            Text("時")
            
            Picker("", selection: $selectedValue2) {
                ForEach(-1 ..< 60, id: \.self) { minute in
                    
                    if minute == -1 {
                        Text("未選択").tag(minute)
                    } else {
                        Text("\(minute)").tag(minute)
                    }
                }
            }
            
            Text("分")
            
            Button {
//                ！！！！！以下のメソッド内の引数の記述がわかりません！！！！

                    NotificationManager.instance.scheduleNotification(todoSubtitle: <#T##String#>, todoHour: <#T##Int#>, todoMinute: <#T##Int#>)
            } label: {
                Text("に通知")
            }
        }
    }
}

//ファイルのプレビュー
struct ListView_Previews: PreviewProvider {
    static var previews: some View {
        ListView()
    }
}

該当のソースコード②(NotificationManager.swift)

import SwiftUI
import UserNotifications

class NotificationManager {
    
    static let instance = NotificationManager()
    
//    通知の許可
    func requestAutorization() {
        let options: UNAuthorizationOptions = [.alert, .sound, .badge]
        UNUserNotificationCenter.current().requestAuthorization(options: options) { success, error in
            if let error = error {
                print("ERROR: \(error)")
            } else {
                print("SUCCESS")
            }
        }
    }
    
//    設定した時・分にローカル通知を行う
    func scheduleNotification(todoSubtitle: String, todoHour: Int, todoMinute: Int) {
        
        let content = UNMutableNotificationContent()
        content.title = "Todoリストからの通知"
        content.subtitle = todoSubtitle
        content.sound = .default
        content.badge = 1

        
        var dateComponents = DateComponents()
        dateComponents.hour = todoHour
        dateComponents.minute = todoMinute
        
        let trigger = UNCalendarNotificationTrigger(dateMatching: dateComponents, repeats: true)
        
        let request = UNNotificationRequest(
            identifier: UUID().uuidString,
            content: content,
            trigger: trigger)
        UNUserNotificationCenter.current().add(request)
    }
}

ListView.swift のプレビュー

試したこと

▼[SwiftUI] SwiftUIのForEach内でBinding変数を渡したい
https://software.small-desk.com/development/2020/04/13/swiftui-foreach-binding/

上記リンクの記事を参考に、ListView.swift ファイルのextension ListView内のForEach部分の記述を
以下配列の変数を宣言した後にall indicesを使って変更してみたのですが、
エラー表示になり解決できておりません。

@State var selectedValues1 = [-1 ..< 24]

Picker("", selection: $selectedValue1) {
                ForEach(selectedValues1.indices) { hour in
                    VStack{　//  ←エラー（Type '()' cannot conform to 'View'）
                        if hour == -1 {
                            Text("未選択").tag(hour)
                        } else{
                            Text("\(hour)").tag(hour)
                        }
                        selectedValue1 = selectedValues1[hour]  //  ←エラー (Cannot assign value of type 'Range<Int>' to type 'Int')
                    }
                }
            }

補足情報

Xcode Version 14.1

Answer 1

恐らくですが、
todoDatePicker が
何番目の要素か分かるよう組むことができれば
解決すると思われます。

サンプルコードを添付しますが、
一度 userDefaults を初期化しないと動かないと思われます。

強引にリストを更新しているため
ここはもっとうまく記述できる方法があるかもしれません。

追記：
ボタンがうまく押せないため
無理矢理ボタンを押せるようにして試してみました。
ボタンを正常に機能させる方法は、申し訳ございませんがわかりません。
通知が機能するのは確認しました。

import SwiftUI
import UserNotifications

struct ContentView: View {
    @State var newItem: String = ""
    @State var toDoList: [String] = []
    
    @State var selectedValue1: [Int] = []
    @State var selectedValue2: [Int] = []
    
    
    var body: some View {
        VStack {
            //新規予定の登録
            HStack {
                TextField("新しい予定を入力してください", text: $newItem)
                    .textFieldStyle(RoundedBorderTextFieldStyle())
                    .frame(width: 300)
                
                Button {
                    toDoList.append(newItem)
                    selectedValue1.append(-1)
                    selectedValue2.append(-1)
                    newItem = ""
                    UserDefaults.standard.set(toDoList, forKey: "ToDoList")
                    UserDefaults.standard.set(selectedValue1, forKey: "selectedValue1")
                    UserDefaults.standard.set(selectedValue2, forKey: "selectedValue2")
                } label: {
                    ZStack {
                        RoundedRectangle(cornerRadius: 5)
                            .frame(width: 50, height: 30)
                            .foregroundColor(.green)
                        
                        Text("追加").foregroundColor(.white)
                    }
                }
            }
            
            //登録したTodoのリスト
            List {
                ForEach(0 ..< toDoList.count) { index in
                    VStack{
                        HStack{
                            Text(toDoList[index])
                            Spacer()
                        }
                        
                        todoDatePicker(index)
                    }
                }
            }
            .id(UUID()) //強引にリストを更新
        }
        .onAppear() {
            NotificationManager.instance.requestAutorization()
            guard let defaultItem = UserDefaults.standard.array(forKey: "ToDoList") as? [String]
            else { return }
            guard let defaultSelectedValue1 = UserDefaults.standard.array(forKey: "selectedValue1") as? [Int]
            else { return }
            guard let defaultSelectedValue2 = UserDefaults.standard.array(forKey: "selectedValue2") as? [Int]
            else { return }
            toDoList = defaultItem
            selectedValue1 = defaultSelectedValue1
            selectedValue2 = defaultSelectedValue2
        }
    }
}

//通知をする時刻を設定するピッカー
extension ContentView {
    func todoDatePicker(_ index: Int) -> some View {
        return HStack {
            Picker("", selection: $selectedValue1[index]) {
                ForEach(-1 ..< 24, id: \.self) { hour in
                    VStack{
                        if hour == -1 {
                            Text("未選択").tag(hour)
                        } else{
                            Text("\(hour)").tag(hour)
                        }
                    }
                }
            }
            
            Text("時")
            
            Picker("", selection: $selectedValue2[index]) {
                ForEach(-1 ..< 60, id: \.self) { minute in
                    
                    if minute == -1 {
                        Text("未選択").tag(minute)
                    } else {
                        Text("\(minute)").tag(minute)
                    }
                }
            }
            
            Text("分")
            
            Button {
                //ここに記述するとなぜかうまくいかないため、一時的に無理矢理 onTapGesture で記述
            } label: {
                Text("に通知")
            }
            .onTapGesture {
                NotificationManager.instance.scheduleNotification(todoSubtitle: toDoList[index], todoHour: selectedValue1[index], todoMinute: selectedValue2[index])
            }
        }
    }
}


class NotificationManager {
    
    static let instance = NotificationManager()
    
    //    通知の許可
    func requestAutorization() {
        let options: UNAuthorizationOptions = [.alert, .sound, .badge]
        UNUserNotificationCenter.current().requestAuthorization(options: options) { success, error in
            if let error = error {
                print("ERROR: \(error)")
            } else {
                print("SUCCESS")
            }
        }
    }
    
    //    設定した時・分にローカル通知を行う
    func scheduleNotification(todoSubtitle: String, todoHour: Int, todoMinute: Int) {
        
        let content = UNMutableNotificationContent()
        content.title = "Todoリストからの通知"
        content.subtitle = todoSubtitle
        content.sound = .default
        content.badge = 1
        
        
        var dateComponents = DateComponents()
        dateComponents.hour = todoHour
        dateComponents.minute = todoMinute
        
        let trigger = UNCalendarNotificationTrigger(dateMatching: dateComponents, repeats: true)
        
        let request = UNNotificationRequest(
            identifier: UUID().uuidString,
            content: content,
            trigger: trigger)
        UNUserNotificationCenter.current().add(request)
    }
}


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

Comments

[TOM]

uni2様
ご回答いただきありがとうございます！
お書きいただいたコードで、無事動作するようになりました！！
ボタンが正常に動作しない部分は私も色々試してみたのですが、解決できません…。
1つ目のPickerの対象範囲が横幅いっぱいになっているので、ZStack等を使ってみたのですが、それもダメでした。

恐れ入ります、1点追加でおうかがいしたいのですが、
List{}に対して、.id(UUID()) を付けて「//強引にリストを更新」と解説してくださっておりますが、
これはどういう意味なのでしょうか？
ネットで検索してUUID()の意味は出てくるのですが、このようにしてリストに付ける説明が見つけれませんでした。。

お忙しい中申し訳ございません、もし可能でしたらお教えください。
よろしくお願いいたします。

[uni2]

Identifiable に関しては
私も分かっているとは言い難いです。

恐らくキャッシュ的な考え方だとは思います。

List を再描画する際に
前回と id が同じならば
前回の内容が主に使われて
更新が簡易化されるのだと思っています。

なのでサンプルコードでは
id を新しいものにし続けて
更新を簡易化させないようにしています。
(簡易化すると恐らく動かない端末があると思われます)

なお、毎フレーム UUIID() を実行すると
時間がかかると思われるため
実際はフィールドに id を持たせて
更新したい時にフィールドの id を
変更させる仕組みが必要と思われます。

---- フィールド ----

var uuid = UUID()

---- body ----

List{
}.id(uuid)

Button {
//NotificationManager の処理
uuid = UUID()
} label: {
Text("に通知")
}

----

等でしょうか？

ということで、
UUID に関してはよく分からないということで
力になれません。
申し訳ございません。

長文にて失礼します。

[TOM]

丁寧にご説明いただきありがとうございます！
度々お手数をおかけしてしまい、申し訳ございませんでした。

[uni2]

完全な挙動ではありませんが、
List に .buttonStyle(.borderless) を付与することで
ボタンが押せるようになることが分かりましたので
追記しておきます。

listStyle を変更しても
押せるようになるようですが
見た目が変わるためおすすめしません。

---------------
//登録したTodoのリスト
List {
ForEach(0 ..< toDoList.count, id: \.self) { index in
VStack{
HStack{
Text(toDoList[index])
Spacer()
}

todoDatePicker(index)
}
}
}
.buttonStyle(.borderless) //追記
.id(UUID()) //強引にリストを更新

[TOM]

uni2様
ボタン押せました！！
自分では絶対解決できなかったと思います。
何度もお助けいただき、本当にありがとうございました！！