Настраиваемое изображение в ZStack с помощью кнопки

Question

У меня есть ZStackс изображением и наложенной на него кнопкой закрытия. Я не могу сделать изображение доступным, если на него наложена кнопка.

                 ZStack(alignment: .topTrailing) {
                NetworkImage(url: article.imageURL)
                    .aspectRatio(contentMode: .fill)
                    .frame(width: UIScreen.main.bounds.width,
                           height: UIScreen.main.bounds.height * 0.5)
                    .scaleEffect(scrollViewContentOffset < 0 ?
                                    1 + (-scrollViewContentOffset * 0.005)
                                    : 1,
                                 anchor: .bottom)
                
                Button(action: {
                    self.presentationMode.wrappedValue.dismiss()
                }){
                    Image(systemName: "xmark.circle.fill")
                        .foregroundColor(.init(white: 0.9)).padding([.top, .trailing])
                        .font(.system(size: topCloseButtonSize))
                        .offset(y: scrollViewContentOffset < 0 ?
                                    .extraLarge + scrollViewContentOffset :
                                    .extraLarge)
                }
            }

Я попытался добавить жест касания к самому изображению, но это отключает возможность касания кнопки закрытия. Как я могу сохранить ZStack в рабочем состоянии и чтобы можно было нажимать и изображение, и кнопку закрытия?

Answer 1

Попробуйте добавить onTapGestureмодификатор для NetworkImage (прямоугольник в приведенном ниже коде) - тогда он, похоже, работает, как ожидалось. Я упростил NetworkImage, чтобы использовать стандартный прямоугольник, но результаты касания должны быть такими же. Протестировано на Xcode 12.1.

    ZStack(alignment: .topTrailing) {
        Rectangle()  // Use NetworkImage here - simplified to Rectangle for testing
            .aspectRatio(contentMode: .fill)
            .frame(width: UIScreen.main.bounds.width,
                   height: UIScreen.main.bounds.height * 0.5)
            .onTapGesture(count: 1, perform: {
                print("RECTANGLE TAPPED!")
            })
        Button(action: {
            print("CLOSE TAPPED")
        }){
            Image(systemName: "xmark.circle.fill")
                .foregroundColor(.init(white: 0.9)).padding([.top, .trailing])
        }
    }