- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在 SwiftUI 4 中尝试使用新的 NavigationStack
时,我发现当状态发生变化时,navigationDestination()
返回的目标 View 不会更新。请参阅下面的代码。
struct ContentView: View {
@State var data: [Int: String] = [
1: "One",
2: "Two",
3: "Three",
4: "Four"
]
var body: some View {
NavigationStack {
List {
ForEach(Array(data.keys).sorted(), id: \.self) { key in
NavigationLink("\(key)", value: key)
}
}
.navigationDestination(for: Int.self) { key in
if let value = data[key] {
VStack {
Text("This is \(value)").padding()
Button("Modify It") {
data[key] = "X"
}
}
}
}
}
}
}
重现问题的步骤:
运行代码并单击列表中的第一项。这会将您带到该项目的详细 View 。
详细 View 显示项目的值(value)。它还有一个按钮来修改值。单击该按钮。您会发现详细 View 中的值没有改变。
我通过在不同的地方设置断点来调试问题。我的观察:
当我点击按钮时,List
中的代码被执行。这符合预期。
但是传递给 navigationDestination()
的闭包没有被执行,这就解释了详细信息 View 没有被更新的原因。
有谁知道这是错误还是预期行为?如果这不是错误,我该如何编程以更新详细 View 中的值?
顺便说一句,如果我回到 Root View 并点击第一项再次进入它的详细 View ,传递给 navigationDestination()
的闭包会被执行,详细 View 会显示修改后的值正确。
最佳答案
@NoeOnJupiter 的解决方案和@Asperi 的评论非常有帮助。但正如您在我上面的评论中看到的,有一些细节我不确定。下面总结一下我最后的理解,希望能解惑。
navigationDestination()
接受一个闭包参数。该闭包捕获了 self
的不可变副本。
顺便说一句,SwiftUI 利用属性包装器使“修改”不可变值成为可能,但我们不会在这里讨论细节。
以我上面的代码为例,由于使用了@State
包装器,不同版本的ContentView
(即self
在闭包中捕获)共享相同的数据值。
这里的关键点是我认为闭包实际上可以访问最新的data
值。
当用户点击“修改它”按钮时,data
状态发生变化,这导致 body
重新计算。由于 navigationDestination()
是 body
中的一个函数,它也会被调用。但是修饰函数只是 modifier(SomeModifier())
的快捷方式。 Modifier
的实际工作在它的body
中。仅仅因为一个修饰函数被调用并不一定意味着相应的 Modifier
的 body
被调用。后者是一个谜(Apple 没有透露并且很难猜测的实现细节)。参见 this post例如(作者是苹果开发者论坛的高知名度用户):
In my opinion, it definitely is a bug, but not sure if Apple will fix it soon.
One workaround, pass a Binding instead of a value of @State variables.
顺便说一句,我对此有一个假设。也许这是基于与 SwiftUI 如何确定它是否召回 subview 的主体类似的方法? 我的猜测是它可能是一种设计,而不是错误。出于某种原因(性能?),SwiftUI 团队决定缓存 navigationDestination()
返回的 View ,直到重新构建 NavigationStack
。作为一名用户,我发现这种行为令人困惑,但这并不是 SwiftUI 中不一致行为的唯一例子。
因此,与我的想法不同,这不是闭包的问题,而是修饰符如何工作的问题。幸运的是,正如@NoeOnJupiter 和@Asperi 所建议的那样,有一个众所周知且可靠的解决方法。
更新:另一种解决方案是使用EnvironmentObject
来在数据模型更改时重新调用占位符 View 的主体。我最终使用了这种方法,它很可靠。绑定(bind)方法在我的简单实验中有效,但在我的应用程序中无效(当数据模型更改时,占位符 View 的主体没有被重新调用。我在这上面花了一天多的时间,但不幸的是我找不到任何方法在绑定(bind)神秘地停止工作时调试它)。
关于ios - swift 用户界面 4 : navigationDestination( )'s destination view isn' t updated when state changes,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72951584/
这个问题在这里已经有了答案: Why don't Java's +=, -=, *=, /= compound assignment operators require casting? (11 个
我搜索了很多,但没有一个链接能帮助我解决这个问题。我得到了 ORA-21500: internal error code, arguments: [%s], [%s], [%s], [%s], [%s
我正在做 RegexOne 正则表达式教程,它有一个 question关于编写正则表达式以删除不必要的空格。 教程中提供的解决方案是 We can just skip all the starting
([\s\S]+|\s?) 中 |\s? 的目的或作用是什么?如果没有它,表达式会不会与 ([\s\S]+) 相同? 最佳答案 这不是完全相同的。 ([\s\S]+|\s?) 会匹配空字符串,而 ([
这个正则表达式有一组还是两组? 我正在尝试使用第二组访问 bookTitle 但出现错误: Pattern pattern = Pattern.compile("^\\s*(.*?)\\s+-\\s+
在 C 中给定一个字符串指针 s,下面的迭代会做什么?即它以什么方式遍历字符串? for (++s ; *s; ++s); 最佳答案 for (++s ; *s;++s) 表示 将指针 s 递增到字符
我正在用一个 node.js 应用程序解析一个大列表并有这段代码 sizeCode = dbfr.CN_DESC.split('\s+-\s*|\s*-\s+') 这似乎不起作用,因为它返回了 [ '
我正在编写一个简单的字符串连接程序。 该程序按照我发布的方式运行。但是,我首先使用以下代码编写它来查找字符串的结尾: while (*s++) ; 但是,这个方法并没有奏效。我传递给它的字符串
这个问题已经有答案了: What does (?和aramchand来自Mohandas Karamchand G 因此,在使用这些匹配来分割字符串后,您最终会得到 {"M", "K", "G"} 注
我正在尝试转换 Map到 List使用 lambda。 本质上,我想将键和值与 '=' 连接起来之间。这看起来微不足道,但我找不到如何去做。 例如 Map map = new HashMap<>();
我正在经历 K & R,并且在递增指针时遇到困难。练习 5.3(第 107 页)要求您使用指针编写一个 strcat 函数。 在伪代码中,该函数执行以下操作: 将 2 个字符串作为输入。 找到字符串
在下面的代码中,pS 和 s.pS 在最后一行是否保证相等?也就是说,在语句S s = S();中,是否可以确定不会构造一个临时的S? #include using namespace std; s
演示示例代码: public void ReverseString(char[] s) { for(int i = 0, j = s.Length-1; i < j; i++, j--){
我一直在寻找类似于 .NET examples 中的示例的 PowerShell 脚本.取一个 New-TimeSpan 并显示为 1 天 2 小时 3 分钟 4 秒。排除其零的地方,在需要的地方添加
def func(s): s = s + " is corrected" return s string_list = ["She", "He"] for s in string_li
我是 python 的新手。当我在互联网上搜索 lambda 时。我在 lambda_functions 中找到了这个声明. processFunc = collapse and (lambda s:
我最近开始学习正则表达式,并试图为上面的问题写一个正则表达式。如果限制只放在一个字母上(例如不超过 2 个“b”),这并不困难。 那么答案就是:a* c*(b|ε)a* c*(b|ε)a* c* 但是
当我运行 npm install 时出现以下错误,但我无法修复它。 我试过:npm install -g windows-build-tools 也没有修复这个错误 ERR! configure
有很多有趣的haskell网上可以找到片段。 This post可以在 this (awesome) Stack Overflow question 下找到. The author写道: discou
我知道以下三行代码旨在将字符串提取到$ value中并将其存储在$ header中。但是我不知道$value =~ s/^\s+//;和$value =~ s/\s+$//;之间有什么区别。 $val
我是一名优秀的程序员,十分优秀!