I have a List and about 1000 item of Array, and my item update realtime (100 messenger updated/s). My List is very very lag.
I see ForEach run full (1000 turn)/ (1 item update) => crazy
Can you help me a solution like a reloadRows in UIKit with UITableView.
Thank so much!
This my test code (I try with List and LazyVStack):
struct PriceBoardView2 : View {
@EnvironmentObject var loadingEnv : LoadingEnv
@State var listUser : [UserModel]
var body: some View {
VStack(content: {
Button(action: {
updateData() //fake data realtime update
}, label: {
Text("Fake data realtime update")
})
List(content: {
ForEach(listUser.indices, id: \.self) { i in
RowPriceBoardView2(userModel: listUser[i])
}
})
// ScrollView(content: {
// LazyVStack(content: {
// ForEach(listUser.indices, id: \.self) { i in
// RowPriceBoardView2(userModel: listUser[i])
// }
// })
// })
})
.onAppear(perform: {
for i in 0..<1000 {
listUser.append(UserModel(number: i, name: "-", age: 0))
}
})
}
func updateData() {
DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 0.01, execute: {
let i = Int.random(in: 0..<1000)
self.listUser[i] = UserModel(number: i, name: "Pla pla", age: Int.random(in: 0..<1000))
updateData()
})
}
}
struct UserModel {
var number : Int
var name : String
var age : Int
}
struct RowPriceBoardView2: View {
var userModel : UserModel
var body: some View {
HStack(content: {
Text("\(userModel.number)")
Spacer()
Text("\(userModel.name)")
Spacer()
Text("\(userModel.age)")
})
.frame(width: .infinity, height: 30, alignment: .center)
}
}
1
0
2.3k