SwiftUI キーボード開閉判定文があると画面遷移先のキーボードが一度閉じてしまう

Question

ContentViewで、キーボードを出した時は栞アイコンをグレーアウトさせるために、.onReceive(NotificationCenter.default.publisher〜の箇所を加えました。

ContentViewでは期待通りにキーボードも開き、栞アイコンもアクティブ・非アクティブになりましたが、ContentView ➡️ AlphabetView ➡️ BetaView にあるテキストフィールドをタップすると、キーボードが開かず AlphabetViewに戻ってしまいます。

それ以降は戻ったAlphabetViewからそのままBetaViewに遷移するとテキストフィールドが開きます。

ただ、ContentViewまで戻るとBetaViewで同じ結果となります。

.onReceive(NotificationCenter.default.publisher〜の箇所を削除するとBetaViewのキーボードは開くのですが、栞アイコンをグレーアウト出来ません。

どのようにすれば解決するでしょうか？
（Xcode12.4）

import SwiftUI
import Foundation

struct ContentView: View {
    @State private var isAlphabetModal = false
    @State private var string: String = ""
    @State private var keyboardOpen = false

    var body: some View {
        ZStack {
            VStack(alignment: .center) {
                HStack {
                    TextField("", text: $string)
                        .overlay(RoundedRectangle(cornerRadius: 5).stroke(Color.blue, lineWidth: 1))
                        .keyboardType(.decimalPad)
                        .textFieldStyle(RoundedBorderTextFieldStyle())
                        .frame(width: 80, height: 30, alignment: .center)
                    }
            }
            Group {
                VStack {
                    Spacer()
                    HStack {
                        Spacer()
                        if (self.keyboardOpen == false) {
                            Button(action: { self.isAlphabetModal = true }) {
                                Image(systemName: "bookmark.fill")
                                    .resizable()
                                    .scaledToFit()
                                    .frame(width: 40, height: 40, alignment: .center)
                            }.sheet(isPresented: self.$isAlphabetModal) { AlphabetView() }
                            .padding()
                        } else {
                            Button(action: {}) {
                                Image(systemName: "bookmark.fill")
                                    .resizable()
                                    .scaledToFit()
                                    .frame(width: 40, height: 40, alignment: .center)
                                    .foregroundColor(Color(UIColor.opaqueSeparator))
                            }.padding()
                        }
                        Spacer()
                    }
                }
            }
        }
        .onReceive(NotificationCenter.default.publisher(for: UIResponder.keyboardWillShowNotification)) { _ in
            self.keyboardOpen = true
        }
        .onReceive(NotificationCenter.default.publisher(for: UIResponder.keyboardWillHideNotification)) { _ in
            self.keyboardOpen = false
        }
    }
}

struct AlphabetView: View {
    @State private var isBetaModal = false
    @State private var newAlpha = ""
    @State private var items = ["A", "B", "C", "D", "E", "F", "G", "H"]

    var body: some View {
        ZStack(alignment: .bottomTrailing) {
            List {
                ForEach(items, id: .self) { item in Text(item) }
            }
            .sheet(isPresented: $isBetaModal, onDismiss: {
                if (self.newAlpha != "") {
                    self.items.append(self.newAlpha)
                    self.newAlpha = ""
                }
            }) { BetaView(inputItem: $newAlpha)
            }
            Button(action: { self.isBetaModal.toggle() }) {
                Image(systemName: "plus.circle.fill")
                    .resizable()
                    .frame(width: 30, height: 30)
            }.padding()
        }
    }
}

struct BetaView: View {
    @Environment(.presentationMode) var presentationMode
    @Binding var inputItem: String
    
    var body: some View {
        VStack {
            Spacer()
            TextField("TEST", text: $inputItem)
                .frame(width: 120, height: 30)
                .background(Color.white)
                .overlay(RoundedRectangle(cornerRadius: 5).stroke(Color.blue, lineWidth: 1))
            Spacer()
                .frame(width: 120, height: 30)
            Spacer()
            HStack {
                Spacer()
                Button(action: { self.inputItem = ""
                                 self.presentationMode.wrappedValue.dismiss()
                }) { Text("CANCEL")
                }
                Spacer()
                Button(action: { self.presentationMode.wrappedValue.dismiss()
                }) { Text("OK")
                }.disabled(inputItem.count == 0)
                Spacer()
            }
        }.padding()
    }
}

extension UIApplication {
    func closeKeyboard() {
        sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
    }

    func addTapGestureRecognizer() {
        guard let window = windows.first else { return }
        let tapGesture = UITapGestureRecognizer(target: window, action: #selector(UIView.endEditing))
        tapGesture.cancelsTouchesInView = false
        tapGesture.delegate = self
        tapGesture.name = "MyTapGesture"
        window.addGestureRecognizer(tapGesture)
    }
}

extension UIApplication: UIGestureRecognizerDelegate {
    public func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer,
        shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
        return false
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}


////////////////////////////////////////////////////////////////
import SwiftUI

@main
struct AlphabetApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
                .onAppear(perform: UIApplication.shared.addTapGestureRecognizer)
        }
    }
}

Answer 1

ContentViewのGroup配下のVStack{}に.ignoresSafeArea(.keyboard, edges: .bottom)を追加して、グレーアウトではなく栞アイコン自体を表示させないことで解決としました。