SwiftUI 按钮未被点击

Question

I Have a button embedded inside a Hstack inside a Vstack inside a ZStack inside a Vstack inside a geometryReader in swiftui that does not get tapped. I put a print statement inside and whenever I tried to Tap the button, the print statement won't print. Can anyone help me out here? Thanks. Heres my code:

struct DetailedGroupView: View {
    @State var actrualImage: Image?
    @State var title = "title"
    @State var description = "description"
    @State var sgName = "sgName"
    @State var membersCount = 0
    @Environment(\.presentationMode) var presentationMode
    var body: some View {
        GeometryReader{ geo in
            VStack{
                ZStack{
                    
                    (self.actrualImage ?? Image("earthPlaceholder"))
                        .resizable()
                        .aspectRatio(contentMode: .fill)
                    VStack{
                        
                        
                        Spacer()
                        HStack{

                            //This button doesn't work
                            Button(action: {
                                print("Button Tapped")   

                                self.presentationMode.wrappedValue.dismiss()
                            }, label: {
                                Image(systemName: "chevron.left").foregroundColor(.white)
                            }).padding()
                            
                            
                            Text(self.title)
                                .font(.largeTitle)
                                .fontWeight(.bold)
                                .multilineTextAlignment(.leading)
                                .foregroundColor(.white)
                                .padding()
                                .minimumScaleFactor(0.5)
                            Spacer()
                        }
                        HStack{
                            Text(self.description)
                                .font(.custom("Open Sans", size: 18))
                                .fontWeight(.ultraLight)
                                .multilineTextAlignment(.leading)
                                .foregroundColor(.white)
                                .padding()
                            Spacer()
                        }
                        Spacer()
                        HStack{
                            
                            
                            Image(systemName: "person.2.fill").foregroundColor(.white).padding(.leading)
                            Text("\(self.membersCount)")
                                .font(.custom("Open Sans", size: 12))
                                .fontWeight(.semibold)
                                .foregroundColor(.white)
                            Spacer()
                            Text(self.sgName)
                                .font(.custom("Open Sans", size: 12))
                                .fontWeight(.semibold)
                                .foregroundColor(.white)
                                .padding()
                        }.padding()
                        
                    }.frame(width: geo.size.width, height: 294)
                }.frame(width: geo.size.width, height: 294)
                    .clipShape(RoundedRectangle(cornerRadius: 12))
                    .edgesIgnoringSafeArea(.top)
                Spacer()
                ScrollView(showsIndicators: false){
                    VStack{
                        
                        
                        Spacer()
                        
                    }.onAppear{
                        self.actrualImage = Image("globePlaceholder")

                    }
                }
            }
            
        }.navigationBarBackButtonHidden(true)
    }
}

Answer 1

Just tested this same code on both XCode 11.5 and 12.0, and the button works fine... be sure to test it on a simulator not on the preview/canvas