ios - NavigationLink 似乎只占用一点空间

Question

我正在使用 NavigatonView 和 NavigationLink，我的 View 是这样的:

ScrollView{
    VStack{
        // MARK: - Survey and tips Navigation
        HStack(spacing:9){
            NavigationLink(destination:Container.sharedContainer.resolve(SurveyListView.self,argument: $VM.occurrences)!){
                iconHome(image: "img-survey", icon: "icon-survey", text: "surveys_upper_case")}
            NavigationLink(destination:Container.sharedContainer.resolve(SurveyListView.self,argument: $VM.occurrences)!){
                iconHome(image: "img-tip", icon: "icon-tip", text: "tips_upper_case")}

        }
        .frame(maxWidth: .infinity,maxHeight: .infinity)
    }
    .padding(.horizontal,37)
    .background(Color.red)
}

iconHome 是另一个实现 View 协议(protocol)的结构体:

struct iconHome : View{

    var image:String
    var icon:String
    var text:LocalizedStringKey
    var body : some View{
            GeometryReader{ geometry in
                ZStack{
                    Image(self.image)
                        .renderingMode(.original)
                        .resizable()
                        .frame(width: geometry.size.width ,height:geometry.size.width)
                        .aspectRatio(contentMode: .fit)
                        .cornerRadius(20)
                    VStack{
                        Image(self.icon)
                            .renderingMode(.original)
                            .resizable()
                            .frame(width: geometry.size.width / 5,height:geometry.size.width / 5 )
                            .aspectRatio(contentMode: .fit)
                        Text(self.text)
                            .foregroundColor(.white)
                            .modifier(OpenSansBoldModifier(fontSize: 12))
                    }
                }
                .shadow(radius: 5, x: 5, y: 5)
        }
    }
}

我得到了一个奇怪的结果:

我不知道为什么，但我的 HStack 包含我的两个导航链接只有红色矩形高...所以很难点击他...知道为什么 HStack 没有很好的高吗？

Answer 1

geometry 似乎缺少填充模式

  GeometryReader{ geometry in
   ....
   }.aspectRatio(contentMode: .fill)