Свифтуй подрезал не вырезанное изображение

Question

Привет! У меня проблема с изображением в SwiftUi, у меня такой макет:

Изображение и фитнес можно нажимать, но когда я нажимаю на фитнес, открывается страница изображения.

Это мой код:

VStack {
    HStack(alignment: .center) {
        NavigationLink(destination: FullNewsListView(category: "Fitness")) {
            Text("Fitness")
                .foregroundColor(Color("#29B1B3"))
                .font(Font.custom("AvenirNextLTPro-Bold", size: 20))
            Image("forward_blue")
        }
        Spacer()
        }
    .padding(.bottom, 10)
    VStack(alignment: .leading, spacing: 10) {
        HStack {
            URLImage(URL(string: "http://myPhoto")!) { proxy in
                proxy.image
                    .renderingMode(.original)
                    .resizable()
                    .aspectRatio(contentMode: .fill)
                    .frame(minWidth: 0, maxWidth: .infinity)
                    .frame(height: 180)
                    .cornerRadius(12)
                    .clipped()

            }

        }
        HStack {
            Text(api.newsFitnessHome.news!.title)
                .foregroundColor(.black)
                .font(Font.custom("AvenirNextLTPro-Demi", size: 15))
                .opacity(0.8)
                .lineSpacing(5)
                .lineLimit(2)
                .fixedSize(horizontal: false, vertical: true)
            Spacer()
        }
    }
}
.padding(.horizontal, 30)

Answer 1

Невозможно выполнить тестирование, поскольку не все компоненты доступны, но я полагаю, это связано с областью попадания изображения, см. Ниже некоторые предположения

URLImage(URL(string: "http://myPhoto")!) { proxy in
    proxy.image
        .renderingMode(.original)
        .resizable()
        .aspectRatio(contentMode: .fill)
        .frame(minWidth: 0, maxWidth: .infinity)
        .frame(height: 180)
        .cornerRadius(12)
        .clipped()
        .contentShape(Rectange())      // try this
}
//.contentShape(Rectange())      // or here

Answer 2

Не могли бы вы попробовать эту настройку:

        VStack {
            HStack(alignment: .center) {
                NavigationLink(destination: FullNewsListView(category: "Fitness")) {
                    HStack {
                        Text("Fitness")
                            //   .foregroundColor(Color("#29B1B3"))
                            .font(Font.custom("AvenirNextLTPro-Bold", size: 20))
                        Image("forward_blue")
                        Spacer()
                    }
                }
                Spacer()
            }.padding(.bottom, 10)
        }

....

Также .foregroundColor (Color ("# 29B1B3")) у меня не работает.