SwiftUI：嵌套NavigationView时子视图上下晃动问题求助

算力阿峰

2026-7-26

自定义TabView嵌套NavigationView时抖动问题的解决方法

常见原因及对应修复方案

固定NavigationBar状态
给包含TabView的页面添加导航栏显示模式固定配置，避免导航栏高度动态变化带动视图晃动：
```
.navigationBarTitleDisplayMode(.inline)
// 或者直接隐藏导航栏
.navigationBarHidden(true)
```

给TabView添加稳定布局约束
通过固定高度+适配安全区域，避免TabView因父视图布局变化位移：

GeometryReader { geo in
    VStack {
        // 页面主体内容
        CustomTabView()
            .frame(height: 60)
            .padding(.bottom, geo.safeAreaInsets.bottom)
    }
}

禁用滚动视图自动调整内边距
如果TabView或其子页面包含滚动视图，关闭自动适配导航栏的内边距调整：
```
ScrollView {
    // 滚动内容
}
.ignoresSafeArea(.container, edges: .bottom)
```

调整Navigation与TabView的层级结构
不要把TabView嵌套在NavigationView内部，改为让每个Tab页面对应独立的Navigation栈：

CustomTabView(selection: $selectedTab) {
    NavigationStack {
        HomeView()
    }
    .tabItem { /* 标签按钮内容 */ }
    
    NavigationStack {
        ProfileView()
    }
    .tabItem { /* 标签按钮内容 */ }
}