4

我的 SwiftUI 预览将一个视图显示为 3 个不同的预览屏幕，它应该是一个具有组合视图的屏幕...

我究竟做错了什么？

谢谢！

请参阅附加的 3 个单独预览视图的图像。在此处输入图像描述

struct SignupSelfie: View {
    @ObservedObject var signupImagesViewModel = SignupNavigationViewModel()
    @State private var isValid = false
        
    var body: some View {
      
        VStack {
           Button("capture") { /* action code here */ }
              .background(
                  NavigationLink("", destination: SignupIdView(), isActive: $isValid)
                )
            }.navigationBarBackButtonHidden(true)
            Spacer()
            Text("capture selfie")
        }
}


struct SignupSelfie_Previews: PreviewProvider {
    static var previews: some View {
        SignupSelfie()
    }
}
4

1 回答 1

4

SwiftUI 预览将在视图树的根部显示每个节点的预览。当它在预览本身内时，这会更清楚，例如：

struct SignupSelfie_Previews: PreviewProvider {
    static var previews: some View {
        SignupSelfie()
        SignupSelfie2()
        SignupSelfie3()
    }
}

在上面，很清楚为什么会有 3 个预览。

在您的示例中，正如评论者所暗示的那样，它发生在您的身上，SignupSelfie因为您在根目录中有 3 个节点：

  1. VStack
  2. Spacer()
  3. Text("capture selfie")

我的猜测是你的缩进可能使它看起来像Spacer并且Text在里面VStack- 一个好技巧是选择你的代码并使用Ctrl-iXcode 自动格式化 - 它会修复这样的缩进问题并揭示问题.

在这种情况下，您可能只想将所有内容放在VStack. 在其他情况下，很高兴知道您也可以避免此问题并将多个节点包装成一个Group {}

于 2021-03-21T16:51:20.860 回答