如何设置TabView的.tabBar背景色？为何设置.visible仍仅滚动时显示？

你的问题出在**.toolbar修饰符的作用层级不对**——你把它加在了TabView内部的List上，而不是TabView本身。在NavigationStack嵌套TabView的结构里，只有将toolbar相关修饰符直接作用在TabView上，才能全局控制TabBar的可见性，避免滚动时被隐藏。

修正后的代码 #

NavigationStack {
    TabView {
        List(randomData) { randomItem in
            NavigationLink {
                RandomDetailView(randomItem: randomItem)
            } label: {
                Text(randomItem.randomLabel ?? "Untitled")
            }
        }
        .tabItem {
            Label("RandomTab", systemImage: "square.and.pencil")
        }

        Text("RandomText")
        .tabItem {
            Label("RandomTab", systemImage: "square.and.pencil")
        }
    }
    // 将toolbar修饰符移到TabView层级
    .toolbar(.visible, for: .tabBar)
    .toolbarBackground(.red, for: .tabBar)
    // 可选：彻底禁用TabBar自动隐藏，确保背景始终可见
    .toolbarBackground(.visible, for: .tabBar)
}

额外说明 #

• 不需要在每个Tab子视图（比如List、Text）上重复设置toolbar，只在TabView上统一配置即可，所有Tab页面都会继承这个设置。
• .toolbarBackground(.visible, for: .tabBar) 是确保背景色不随滚动消失的关键，配合.toolbar(.visible)可以彻底解决TabBar仅在向下滚动时显示的问题。

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