ios - SwiftUI 代码将一个对象数据分配给数组中的所有其他对象?
问题描述
我正在尝试构建一个记事卡应用程序,目前我正在用户可以输入记事卡的屏幕上工作。一切正常,除了当我为一张记事卡输入术语和定义时,它会更新所有其他记事卡,使它们具有相同的术语和定义。非常感谢您的帮助,不胜感激!:)
import SwiftUI
struct Notecard: Identifiable
{
let id = UUID()
let term2: String
let def2: String
}
class Notecards: ObservableObject
{
@Published var Notecardsarray = [Notecard]() //stores an array of the notecard items into a single object
}
struct ContentView: View{
@ObservedObject var notecardobject = Notecards()
@State private var term = "dfs"
@State private var def = "df"
var body: some View {
NavigationView{
List{
ForEach(notecardobject.Notecardsarray){item in
HStack{
TextField("enter term", text: self.$term)
TextField("enter definition", text: self.$def)
}
}
.onDelete(perform: removeItems)
}
.navigationBarTitle("Notecards")
.navigationBarItems(trailing:
Button(action: {
let newnotecard = Notecard(term2: self.term, def2: self.def)
self.notecardobject.Notecardsarray.append(newnotecard)
}) {
Image(systemName: "plus")
}
)
}
}
func removeItems(at offsets: IndexSet) {
notecardobject.Notecardsarray.remove(atOffsets: offsets)
}
}
//this will not actually be part of the app that goes to app store
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
解决方案
我认为问题在于,就在这里,您正在传递状态变量self.$term
,self.$def
它们是 dfs 和 df。相反,您应该使用item.term2
and ,item.def2
因为它在您的ForEach
List{
ForEach(notecardobject.Notecardsarray){item in
HStack{
TextField("enter term", text: self.$term)
TextField("enter definition", text: self.$def)
}
}
.onDelete(perform: removeItems)
}
修改代码:
List{
ForEach(notecardobject.Notecardsarray){item in
HStack{
TextField("enter term", text: item.$term2)
TextField("enter definition", text: item.$def2)
}
}
.onDelete(perform: removeItems)
}
编辑:我TextView
在您的示例中看不到结构,但如果它需要数据绑定,您将需要指定def2
andterm2
以及@State
制作它们var
而不是let
. 因为它们现在将作为状态发送到其他视图,所以您还需要指示数据绑定的 $。我对上面的代码进行了编辑。
修改后的代码:
struct Notecard: Identifiable
{
let id = UUID()
@State var term2: String
@State var def2: String
}
推荐阅读
- powershell - PowerShell FileSystemWatcher 退出 while ($true)
- hyperledger-composer - Hyperledger Composer - Angular 应用程序编译
- promise - Promise.all 仅在使用超过 4 个 Promise 时才获得“Access-Control-Allow-Origin”
- javascript - 使用 JQuery 更改 XHR 请求中的输入值
- amazon-web-services - AWS Lambda:监控由 SNS 触发的 lambda 超时。
- python - 将点投影到相机深度的平行网格上(maya)
- javascript - Angular - 为什么 Number.isNaN 为非空字符串返回 false?
- python - ImportError:无法导入名称'main'
- java - 主要因素列表
- c++ - 是否可以反编译 C++ 可执行文件