4

在 SwiftUI 中使用不同的视图组合时,我们可以采取两种方法:

  1. 要在视图中使用一些 @ViewBuilder 函数作为辅助函数:
@ViewBuilder func makeButtonLabel() -> some View {
    if isPlaying {
        PauseIcon()
    } else {
        PlayIcon()
    }
}
  1. 要为该 UI 片段创建不同的视图:
struct SongRow: View {
    var song: Song
    @Binding var isPlaying: Bool
    ...

    var body: some View {
        HStack {
            if isPlaying {
                PauseIcon()
            } else {
                PlayIcon()
            }
        }
    }
}

我想知道哪个更好,我们如何衡量它?

从分析上看,在我看来,第二个在更大的视图块中具有更好的性能,尤其是我们可以在预览的加载时间看到它,但我对此一无所知。

4

1 回答 1

3

您可以假设性能差异可以忽略不计(如果有的话)。structs 的重量很轻 - 选择在您的上下文中最有意义的那个。HStack此外,在第二个示例中您不需要它,因为body它隐含地是 a @ViewBuilder

最后,这些都不比另一个更好,因为没有可衡量的影响。

通常,我更喜欢拆分越来越大的视图,或者将其作为自己的视图更有意义。例如:

  • 如果您有一个严重依赖于当前结构实例中的属性的视图组件,您可以创建一个新的@ViewBuilder var buttonLabel: some View/@ViewBuilder func makeButtonLabel() -> some View并轻松访问相同的属性。

  • 如果属性不相关,则将其拆分为单独的视图。这样做还可以更轻松地在整个应用程序中重用,并在 SwiftUI 预览中运行。

于 2021-08-10T17:25:42.443 回答