NavigationView在ScrollView中显示异常，跳转无法全屏问题排查

1. 导航视图层级冲突：预览阶段LongFrameView自带NavigationView，加入HomeView后，若HomeView也存在NavigationView，会形成嵌套导航结构，导致跳转的PlayerView无法全屏，且导航交互异常。
2. 布局约束限制：HomeView中包裹LongFrameScrollView的容器设置了固定尺寸或强制约束，使得LongFrameScrollView被压缩在有限空间内，同时影响内部NavigationLink的跳转表现。

1. 统一导航视图层级 #

移除LongFrameScrollView内部的NavigationView，将根NavigationView放在HomeView最顶层，保证整个页面只有一个导航栈：

// 修改后的HomeView
struct HomeView: View {
    var body: some View {
        NavigationView {
            VStack {
                // 首页其他视图
                LongFrameScrollView()
            }
        }
    }
}

// 修改后的LongFrameScrollView
struct LongFrameScrollView: View {
    var body: some View {
        ScrollView {
            // 内部内容直接使用NavigationLink
            NavigationLink(destination: PlayerView()) {
                Text("打开播放器")
            }
            // 其他滚动内容
        }
    }
}

2. 解除布局尺寸限制 #

检查HomeView中包裹LongFrameScrollView的容器，移除固定frame或强制尺寸修饰符，让LongFrameScrollView自适应父容器空间：

// HomeView中正确的布局写法
struct HomeView: View {
    var body: some View {
        NavigationView {
            VStack {
                Text("首页标题")
                    .font(.title)
                // 让LongFrameScrollView占满剩余可用空间
                LongFrameScrollView()
                    .frame(maxWidth: .infinity, maxHeight: .infinity)
            }
        }
    }
}

3. 确保PlayerView全屏布局 #

修改PlayerView，让它默认占满整个屏幕，忽略安全区限制：

struct PlayerView: View {
    var body: some View {
        ZStack {
            Color.black
                .ignoresSafeArea() // 占满全屏，包含安全区
            Text("播放器页面")
                .foregroundColor(.white)
        }
    }
}

内容的提问来源于stack exchange，提问作者user19727360