SwiftUI トグルについて

Question

現在SwiftUIを用いてスマホアプリを開発しております。
以下の画像のようなToDoアプリのチェックボックスのようなものをつくりたいです。

チェックボックスをタップすることで、画像も変わり、項目内の達・未達データ（isAchievd:Bool）の値も変わるようにしたいのですが、以下のようにすると

        Button(action: {
            self.model.$todo.isAchieved.toggle()
        }) {
            if self.model.$todo.isAchievedn {
                Image(systemName: "circle.fill")
                    .foregroundColor(Color.yellow)
                    .padding(.leading)
            } else {
                Image(systemName: "circle")
                    .foregroundColor(Color.yellow)
                    .padding(.leading)
            }
        }

Cannot call value of non-function type 'Binding<() -> ()>'

Dynamic key path member lookup cannot refer to instance method 'toggle()'

のようなエラーが発生します。

そこで、以下のように記述するとスムーズに達・未達のブール値は切り替わりますが、見た目が...

Toggle(isOn: self.model.$todo.isAchieved) {
            Text("達成or未達成")
        }

Toggle()とButton(action: {.toggle()})では同じ操作をしているように思えるのですが、扱えるデータの型が異なるのでしょうか？

Answer 1

modelとかtodoがよく分からないんですけど$いらなくないですかね。

Button(action: {
    self.model.todo.isAchieved.toggle()
}) {
    if self.model.todo.isAchieved {
        /*中略*/
    }
}

Toggleの方も使うときは$いらないですよね。

Toggle(isOn: self.model.$todo.isAchieved) {
    Text(self.model.todo.isAchieved ? "達成" : "未達成")
}

---

Button: init(action: @escaping () -> Void, label: () -> Label)
https://developer.apple.com/documentation/swiftui/button/init(action🏷️)

Toggle: init(isOn: Binding<Bool>, label: () -> Label)
https://developer.apple.com/documentation/swiftui/toggle/init(ison🏷️)