実現したいもの
TextField
に入力したものを追加ボタン
を押すと下に並んでいくというものです。
問題点
下のコードでは追加ボタンを押しただけでは下に表示されず、TextFieldにさらに文字を入力すると突如追加されます。
これは何故でしょうか?
import SwiftUI
struct TestView: View {
@ObservedObject var testViewModel = TestViewModel()
var body: some View {
List {
TextField("new Value", text: $testViewModel.testModel.inputValue)
.textFieldStyle(RoundedBorderTextFieldStyle())
Button(action: {
self.testViewModel.addValue()
}, label: {
Text("追加")
})
ForEach(self.testViewModel.testModel.valueList) { valueModel in
Text(valueModel.value)
}
}
}
}
class TestViewModel : ObservableObject {
@Published var testModel : TestModel = TestModel()
func addValue() {
let newTestModel = ValueModel(value: self.testModel.inputValue)
self.testModel.valueList.append(newTestModel)
}
}
class TestModel : ObservableObject {
@Published var inputValue: String = ""
@Published var valueList: [ValueModel] = []
}
class ValueModel : ObservableObject, Identifiable {
@Published var value: String
init(value: String) {
self.value = value
}
}