Xcode编写SwiftUI代码时一个编译通过但导致预览(Preview)崩溃的小陷阱

概述

在使用Xcode编写SwiftUI代码时，一个小小的疏忽会导致代码编译通过，但预览界面发生崩溃的情况。

下面，我们就来看一下到底是怎么回事吧。

被忽略的“小点”

首先，来看一下源代码：

ZStack(alignment: .trailing){
	HStack {
       VStack {
           Text(Model.shortDateFt.string(from: st.date ?? Date.distantPast))
               .fontWeight(.light)
               .font(.footnote)
               .foregroundColor(.slateGray)
           
           CommonUI.hiveScoringTracesView(st, model: model)
       }.frame(minWidth: 65.0)
        
       stateView
           .foregroundColor(stateColor)
           .frame(minWidth: 30)
        
       HStack(alignment: .top) {
           Text("\(st.totalGainedScore)")
               .fontWeight(.heavy)
               .font(.body)
               .foregroundColor(scoreColor)
               .opacity(1.0)
           
           baseScoreView
               .underline(true, color: stateColor)
               .fontWeight(.bold)
               .font(.callout)
               .foregroundColor(stateColor)
       }.frame(minWidth: 50)
       
       HStack {
           
           Text("\(st.sumOfSubScore)")
               .fontWeight(.bold)
               .foregroundColor(.mediumPurple)
               .frame(minWidth: 30)
           
           Text("\(st.ibAddUp)")
               .fontWeight(.bold)
               .foregroundColor(.green)
               .frame(minWidth: 30)
           
           Text("\(st.ipSubtract)")
               .fontWeight(.bold)
               .foregroundColor(.red)
               .frame(minWidth: 30)
           
           Text("\(st.igbAddUp)")
               .fontWeight(.bold)
               .foregroundColor(.green)
               .frame(minWidth: 30)
       }
       .opacity(0.5)
       font(.callout)
       
       if st.hasRemarks{
           Button(action: {
               withAnimation {
                   self.isUnfoldRemarks.toggle()
               }
           }){
               Image(systemName: isUnfoldRemarks ? "arrowtriangle.down.square.fill" : "arrowtriangle.down.square")
                   .foregroundColor(.deepSkyBlue)
                   .font(.system(size: 13, weight: .bold))
                   .offset(x: 15)
           }
           .buttonStyle(BorderlessButtonStyle())
       }
   }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

上面代码可以顺利通过编译，但会导致Xcode预览崩溃：

喜欢玩“大家来找茬”的小伙伴们可以先尝试找一下是哪里的问题…