Размещение интерактивных видов перед скрытой панелью навигации NavigationView

Question

У меня есть NavigationView с NavigationButton внутри него, но я не могу заставить NavigationButton находиться в верхней части экрана и все еще быть в состоянии нажимать, даже если панель навигации скрыта.

Этот код:

struct ContentView : View {
    var body: some View {
        NavigationView {
            VStack {
                NavigationButton(destination: Text("Button Clicked")) {
                    Text("Hello World")
                    .background(Color.yellow)
                }
                Spacer()
            }
        }
        .navigationBarHidden(true)
    }
}

Выглядит как , но я хочу, чтобы он выглядел как .

Я попытался добавить отрицательный отступ в верхнюю часть VStack (с .padding([.top], -95), и это визуально работает, но тогда я не могу взаимодействовать с кнопкой, нажимая ее (я думаю, что это скрытая навигацияbar). Я попытался установить VStack s zIndex на 10000, чтобы решить эту проблему, но он все еще не работал. Есть ли способ для меня, чтобы переместить кнопку вверх, при этом убедившись, чтокнопка распознает, когда она нажата?

Answer 1

Добавьте navigationBarTitle перед тем, как скрыть панель навигации:

struct ContentView : View {
    var body: some View {
        NavigationView {
            VStack {
                NavigationButton(destination: Text("Button Clicked")) {
                    Text("Hello World")
                    .background(Color.yellow)
                }
                Spacer()
        }
        .navigationBarTitle(Text("Title")) // Add this line
        .navigationBarHidden(true)
    }
}

Answer 2

Добавьте этот модификатор в NavigationView edgesIgnoringSafeArea(.top).