SwiftUI - iOS 14.5 更新导航栏问题

Question

我将我的应用更新到 iOS 14.5，突然出现导航问题。我在 iOS 14.4 或更低版本中没有遇到此问题。

我制作了一个新的小程序来显示这个问题。当我单击 navigationLink（不向下滚动）时，第二个视图中的导航栏不可见，图片将显示在顶部。当我向下滚动一点时，导航栏在第二个视图的顶部直接可见。如何在不直接在顶部显示导航栏的情况下移动到第二个视图？它应该只在我向下滚动时可见。

请问您能帮我解决这个问题吗？

提前致谢！

import SwiftUI

struct ContentView: View {
    
    var body: some View {
        GeometryReader{ geo in
        NavigationView {
            VStack{
                List {
                    NavigationLink(destination: navigationbarIssue()){
                        Text("Navigation image")
                    }
                    Image("car")
                        .resizable().frame(width: geo.size.width * 0.85, height: 600, alignment: .center)
                        .scaledToFill()
                    }
                
                Text("Hello, Do you like this mini car!")
                    .padding()
                }
            .navigationTitle("Car")
            }
        }
    }
}

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

struct navigationbarIssue: View {
    var body: some View {
        GeometryReader { geo in
            ScrollView {
                VStack{
                    Image("car")
                       .resizable().frame(width: geo.size.width * 1.11, height: geo.size.height * 1.11)
                       .edgesIgnoringSafeArea([.top, .bottom])
                       .offset(x: -20, y: -166)
                       .aspectRatio(contentMode: .fit)
                    Text("Question: What's the topspeed of this mini car?")
                        .padding()
                }
            }
        }
    }
}

我添加了两张图片： 第一个：父视图 - 没有导航栏弹出。 第二个：父视图-导航栏弹出（向下滚动）。 我喜欢始终只在顶部（边缘）放置汽车图片，向下滚动时会出现导航栏。

[

Answer 1

问题是navigationbarIssue 认为它应该有一个大标题样式的导航栏，在滚动之前它是透明的。您想添加 .navigationBarTitleDisplayMode(.inline) 使其具有内联导航样式。

struct navigationbarIssue: View {
    var body: some View {
        GeometryReader { geo in
            ScrollView {
                VStack{
                    Image("car")
                       .resizable().frame(width: geo.size.width * 1.11, height: geo.size.height * 1.11)
                       .edgesIgnoringSafeArea([.top, .bottom])
                       .offset(x: -20, y: -166)
                       .aspectRatio(contentMode: .fit)
                    Text("Question: What's the topspeed of this mini car?")
                        .padding()
                }
            }
        }
        .navigationTitle("The car") /// might want to add a title too
        .navigationBarTitleDisplayMode(.inline) /// here!
    }
}

结果：

Answer 2

我添加了两张图片： 第一个：父视图 - 没有导航栏弹出。 第二个：父视图-导航栏弹出（向下滚动）。 我喜欢始终只在顶部（边缘）放置汽车图片，向下滚动时会出现导航栏。

[