SwiftUI sheet 首次启动后从未更新
SwiftUI sheet never updated after first launch
我使用模态sheet,每次调用都会更新其内容。但是,当内容被标记为@State 时,视图主体永远不会更新。
有人也看到了吗?有解决方法吗?
这是调用视图:
struct ContentView: View {
@State var isPresented = false
@State var i = 0
var body: some View {
List {
Button("0") {
self.i = 0
self.isPresented = true
}
Button("1") {
self.i = 1
self.isPresented = true
}
}
.sheet(
isPresented: $isPresented,
content: {
SheetViewNOK(i: self.i)
}
)
}
}
这确实有效:
struct SheetViewOK: View {
var i: Int
var body: some View {
Text("Hello \(i)") // String is always updated
}
}
这不起作用。但很明显,在真正的应用程序中,我需要使用@State,因为用户所做的更改需要反映在 sheet 的内容中:
struct SheetViewNOK: View {
@State var i: Int
var body: some View {
Text("Hello \(i)") // String is never updated after creation
}
}
在您的 .sheet
中,您正在将 ContentView
@State
的值传递给新的 @State
。所以它将独立于 ContentView
.
要创建 ContentView
@State
值的连接或绑定,您应该将 SheetView
变量定义为 @Binding
。通过此编辑,您会将状态值的绑定传递给 sheet 视图。
struct SheetView: View {
@Binding var i: Int
var body: some View {
Text("Hello \(i)")
}
}
struct ContentView: View {
@State var isPresented = false
@State var i: Int = 0
var body: some View {
List {
Button("0") {
self.i = 0
self.isPresented = true
}
Button("1") {
self.i = 1
self.isPresented = true
}
}.sheet(
isPresented: $isPresented,
content: {
SheetView(i: self.$i)
})
}
}
我使用模态sheet,每次调用都会更新其内容。但是,当内容被标记为@State 时,视图主体永远不会更新。
有人也看到了吗?有解决方法吗?
这是调用视图:
struct ContentView: View {
@State var isPresented = false
@State var i = 0
var body: some View {
List {
Button("0") {
self.i = 0
self.isPresented = true
}
Button("1") {
self.i = 1
self.isPresented = true
}
}
.sheet(
isPresented: $isPresented,
content: {
SheetViewNOK(i: self.i)
}
)
}
}
这确实有效:
struct SheetViewOK: View {
var i: Int
var body: some View {
Text("Hello \(i)") // String is always updated
}
}
这不起作用。但很明显,在真正的应用程序中,我需要使用@State,因为用户所做的更改需要反映在 sheet 的内容中:
struct SheetViewNOK: View {
@State var i: Int
var body: some View {
Text("Hello \(i)") // String is never updated after creation
}
}
在您的 .sheet
中,您正在将 ContentView
@State
的值传递给新的 @State
。所以它将独立于 ContentView
.
要创建 ContentView
@State
值的连接或绑定,您应该将 SheetView
变量定义为 @Binding
。通过此编辑,您会将状态值的绑定传递给 sheet 视图。
struct SheetView: View {
@Binding var i: Int
var body: some View {
Text("Hello \(i)")
}
}
struct ContentView: View {
@State var isPresented = false
@State var i: Int = 0
var body: some View {
List {
Button("0") {
self.i = 0
self.isPresented = true
}
Button("1") {
self.i = 1
self.isPresented = true
}
}.sheet(
isPresented: $isPresented,
content: {
SheetView(i: self.$i)
})
}
}