SwiftUI 設定内容の表示と画面遷移して編集する機能 で編集内容が反映されない

Question

前提・実現したいこと

SwiftUIにてUser名と開始日終了日を登録し、確認可能な機能を実装しています。

ローカルに全ての情報を保持して、表示・編集・保存を行うことで実現できるかと思い、
以下の３つの構造体を実装しましたがうまく動作しません。

1. 登録した名前と日付を表示する　ContentViewのstruct
2. 名前と日付をのデータを保持するProfileのstruct
3. Profileを編集するProfileEditor

どなたかご助言いただけると助かります。

問題の概要

2,3の編集がうまく行きません。
初期値として登録した名前と日付のまま変更しても反映されない状態です。
また、1の日付をタップすると3の編集画面に遷移して編集、1の画面に反映するようにしたいのですが、1の日付のブロックのみが遷移して編集画面になってしまいます（加えて変更内容は反映されません、、、）

試したこと

1. 登録した名前と日付を表示する　ContentViewのstruct

　NavigationViewとNavigationLinkを使って編集画面へ遷移するように実装
NavigationLinkで変更したprofileを表示

2. 名前と日付をのデータを保持するProfileのstruct
名前と日付を用意
*SwiftUI tutorialを参考
https://developer.apple.com/tutorials/swiftui/working-with-ui-controls

3. Profileを編集するProfileEditor
TextFieldとDatePickerを使って編集できるように実装

機能の流れ
まず１の画面が表示されて、日付の部分をタップすると３の画面に遷移し、３の画面上で日付と名前を編集すると２の内容が変わり、１に戻ると編集した内容が反映されているような機能をイメージしています。

該当のソースコード

import SwiftUI

// 1. 登録した名前と日付を表示する
struct ContentView: View {
    @State var val:Date = Date()
    let f = DateFormatter()
    
    init(){
        f.timeStyle = .none
        f.dateStyle = .full
        f.locale = Locale(identifier: "jp_JP")
    }
    
    var body: some View {
        VStack {
            // タイトル
            Group{
                Text("日程計画").font(.largeTitle)
                Divider()
            }
            //　ユーザーイメージ
            Group{
                HStack {
                    CircleImage(image:Image("Steve_Jobs"))
                    CircleImage(image:Image("Iron_Mask"))
                    CircleImage(image:Image("Denzel_Washington"))
                }
                Divider()
            }
            
            //　画面遷移　日程を入力可能 できればカレンダーで
            Group{
                NavigationView{
                            NavigationLink(destination:ProfileEditor(profile: .constant(.default))){
                                Text(f.string(from: self.val))
                            }
                        }
                HStack{
                    Text("日程")
                    Text(f.string(from: val))
                }
                Divider()
            }

            //　画面遷移３　ユーザーごとメモをそれぞれ表示
　　　　　　　// ＊＊＊省略＊＊＊
        }
    }
}


// 2.名前と日付のデータを保持する
import Foundation

struct Profile {
    var username: String
    var startDate: Date
    var endDate: Date
    
    static let `default` = Self(username: "none")
    
    init(username: String) {
        self.username = username
        self.startDate = Date()
        self.endDate = Date()
    }
}


// 3.Profileの編集を行う
struct ProfileEditor: View {
    @Binding var profile: Profile //user’s profileの値を引き継ぐ
        
    var dateRange: ClosedRange<Date>{
        let min = Calendar.current.date(byAdding: .year, value: -1, to: profile.startDate)!
        let max = Calendar.current.date(byAdding: .year, value: 1, to: profile.startDate)!
        return min...max
    }

    var body: some View {
        Form {
        List{
            // ユーザー名
            HStack {
                Text("User Name").bold()
                Divider()
                TextField("USER NAME", text: $profile.username)
            }

            // 開始日時選択
            VStack(alignment: .leading, spacing: 20) {
                Text("Start Date").bold()
                
                DatePicker(
                    "Start Date",
                    selection: $profile.startDate,
                    in: dateRange,
                    displayedComponents: .date
                ).labelsHidden()
            }
            .padding(.top)
            
            // 終了日時選択
            VStack(alignment: .leading, spacing: 20) {
                Text("End Date").bold()
                DatePicker(
                    "Start Date",
                    selection: $profile.endDate,
                    in: dateRange,
                    displayedComponents: .date
                ).labelsHidden()
            }
            .padding(.top)
            }
        }
    }
}

補足情報

Xcode Version 11.5
Swift version 5.2.4

Answer 1

@Bindingと@Stateの使い方を理解することで反映されない問題を解決

以下備忘録
そもそもStruct間でプロパティを同期させるには＠Bindingと＠Stractの使い方をりかいしていないことが問題だった。

• 親となるStructにて＠Stateで設定したプロパティについて子Structでも引き継いで処理する
• 子Structにおいて宣言時には＠Bindingと型（String）を設定
• 親Struct内でコストストラクトの引数に対象のプロパティを与えるときは$を頭につけるのが要注意
• 子Struct内ではself.~で呼び出し可能

以下実験用コード

import SwiftUI

struct StateandBinding_test: View {
    
    @State var placeholder = "I am a placeholder."
    
    var body: some View {
        
        VStack{
            Text("(self.placeholder)")
            
            CustomBotton(placeholder: self.$placeholder)
            CustomBotton2(placeholder: self.$placeholder)
        }
    }
}

struct CustomBotton: View {
    @Binding var placeholder: String
    
    var body: some View{
        Button("cat says"){
            self.placeholder = "Merooow"
        }
    }
}

struct CustomBotton2: View {
    @Binding var placeholder: String
    
    var body: some View{
        Button("dog says"){
            self.placeholder = "Wooof"
        }
    }
}


struct StateandBinding_test_Previews: PreviewProvider {
    static var previews: some View {
        StateandBinding_test()
    }
}