SwiftUI | Cannot assign to property: ‘self’ is immutableの対処方法

SwiftUI

2024.11.162024.05.07

SwiftUIでstructの変数を変更しようとした時に発生するCannot assign to property: ‘self’ is immutableの対処方法を説明する。

結論

変更する変数に@Stateを付ける。

具体例

ヨシヒコを攻撃するとHPが減るというアプリを例に説明する。ヨシヒコのHPが可変なので@Stateを付ける必要がある。

OKコード例

変数 ヨシヒコのHP に@Stateを付ける。

import SwiftUI

struct ContentView: View {
    @State var ヨシヒコのHP: Int = 100 // ?ここ
    var body: some View {
        Text("ヨシヒコのHP：" + String(ヨシヒコのHP))
        Button("ヨシヒコをこうげき") {
            ヨシヒコのHP -= 10
        }
        .buttonStyle(.borderedProminent)
    }
}

NGコード例

変数 ヨシヒコのHP に@Stateを付けない。

import SwiftUI

struct ContentView: View {
    var ヨシヒコのHP: Int = 100  // ?ここ
    var body: some View {
        Text("ヨシヒコのHP：" + String(ヨシヒコのHP))
        Button("ヨシヒコをこうげき") {
            ヨシヒコのHP -= 10
        }
        .buttonStyle(.borderedProminent)
    }
}

Cannot assign to property: ‘self’ is immutableというエラーが出る。