SwiftUI中ScrollView嵌套TabView内容不显示的修复求助

方案1：给TabView明确高度约束 #

ScrollView的子视图默认会尽可能收缩，TabView没有明确高度时会被压缩至消失。给TabView添加frame约束，或者让它填充可用垂直空间：

ScrollView {
    VStack {
        // ... 原有分割线代码
        
        TabView(selection: $activeTab) {
            SearchContentView(selectedTab: $selectedTab, category: PickerTab.all.rawValue)
                .tag(PickerTab.all)
            
            SearchContentView(selectedTab: $selectedTab, category: PickerTab.technology.rawValue)
                .tag(PickerTab.technology)
            
            SearchContentView(selectedTab: $selectedTab, category: PickerTab.sports.rawValue)
                .tag(PickerTab.animals)
        }
        .tabViewStyle(.page(indexDisplayMode: .never))
        .frame(minHeight: UIScreen.main.bounds.height - 200) // 根据实际布局调整高度
        // 也可以用maxHeight让它占满剩余空间
        // .frame(maxHeight: .infinity)
    }
    .frame(maxHeight: .infinity) // 让VStack撑满ScrollView的垂直空间
    // ... 原有padding、safeAreaInset等代码
}
// ... 其他修饰符

方案2：排查自定义滚动行为的干扰 #

你使用了CustomScrollTargetBehaviour，自定义滚动目标行为可能干扰了ScrollView的布局逻辑，导致TabView的尺寸计算异常。先临时注释掉该修饰符测试：

// .scrollTargetBehavior(CustomScrollTargetBehaviour())

如果TabView恢复显示，再调整自定义行为的逻辑，确保它不会影响子视图的尺寸计算。

方案3：调整VStack的布局属性 #

给VStack添加明确的对齐方式和尺寸约束，确保它能撑满ScrollView的空间：

ScrollView {
    VStack(alignment: .top, spacing: 0) { // 明确顶部对齐和间距
        // ... 原有分割线代码
        
        TabView(selection: $activeTab) {
            // ... 原有Tab内容
        }
        .tabViewStyle(.page(indexDisplayMode: .never))
        .frame(maxHeight: .infinity)
    }
    .frame(maxWidth: .infinity, maxHeight: .infinity)
    // ... 原有padding、safeAreaInset等代码
}

补充：检查Tab内部视图的布局 #

如果SearchContentView本身没有足够内容或明确尺寸，也会导致TabView显示异常。确保内部视图撑满可用空间：

struct SearchContentView: View {
    // ... 原有属性
    var body: some View {
        VStack {
            // ... 实际业务内容
        }
        .frame(maxHeight: .infinity) // 让内部视图撑满TabView空间
    }
}

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