SwiftUI TabView首次启动iPad端不显示内容 如何固定视图禁止隐藏？

问题原因 #

iPadOS 对大屏设备的TabView做了默认适配，当设备处于常规宽度尺寸类时，会自动将TabView渲染为侧边栏样式，且未默认选中第一个标签页，就会出现首次启动空白、需要手动点击唤起内容的问题。

解决方案 #

你可以通过显式指定TabView样式、绑定默认选中项实现需求，以下是两种常用实现方案：

方案1：强制始终显示底部标签栏（完全匹配你要的效果图）

直接给TabView指定.tabBar样式，即可禁止iPad端自动将标签栏转为侧边栏样式，同时设置默认选中项保证首次启动自动加载内容，修改后的代码如下：

struct MainView: View {
    // 绑定标签选中状态，默认选中第一个标签
    @State private var selectedTab = 0
    let items = Bundle.main.decode(MainModel.self, from: "items.json")
    
    var body: some View {
        TabView(selection: $selectedTab) {
            partOneView(items: items.partOne)
                .tabItem { Label("Part One", systemImage: "folder.circle.fill")}
                .tag(0)
            PartTwoView(items: items.partTwo)
                .tabItem { Label("Part Two", systemImage: "square.grid.3x1.folder.fill.badge.plus")}
                .tag(1)
            partThreeView(items: items.partThree)
                .tabItem{ Label("Part 3", systemImage:"tray.circle.fill")}
                .tag(2)
        }
        // 强制使用底部标签栏样式，禁用iPad端自动转侧边栏的逻辑
        .tabViewStyle(.tabBar)
    }
}

如果需要兼容iOS 14及更早版本，把.tabViewStyle(.tabBar)替换为.tabViewStyle(DefaultTabViewStyle())即可。

方案2：保留侧边栏样式，仅修复首次启动空白问题

如果你不需要强制使用底部标签栏，只是希望侧边栏样式下首次启动自动加载内容，只需要绑定选中状态、给每个标签加对应的tag即可，不需要修改样式：

struct MainView: View {
    @State private var selectedTab = 0
    let items = Bundle.main.decode(MainModel.self, from: "items.json")
    
    var body: some View {
        TabView(selection: $selectedTab) {
            partOneView(items: items.partOne)
                .tabItem { Label("Part One", systemImage: "folder.circle.fill")}
                .tag(0)
            PartTwoView(items: items.partTwo)
                .tabItem { Label("Part Two", systemImage: "square.grid.3x1.folder.fill.badge.plus")}
                .tag(1)
            partThreeView(items: items.partThree)
                .tabItem{ Label("Part 3", systemImage:"tray.circle.fill")}
                .tag(2)
        }
    }
}

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