SwiftUI TabbedView仅显示第一个选项卡的内容_使用SwiftUI的TabbedView切换到其他选项卡时未显示的视图内容_SwiftUI中的ForEach循环仅显示数组中的第一个 - 腾讯云开发者社区

基础概念

SwiftUI 是苹果推出的一个声明式 UI 框架，用于构建 macOS、iOS、watchOS 和 tvOS 应用程序。TabbedView 是 SwiftUI 中的一个视图容器，允许你在不同的选项卡之间切换，每个选项卡显示不同的内容。

类型

TabbedView 有两种类型：

Fixed：固定数量的选项卡，每个选项卡的宽度相同。
Scrolling：可以滚动浏览的选项卡，适用于选项卡数量较多的情况。

应用场景

TabbedView 常用于需要在不同视图之间切换的应用，例如设置页面、功能选择页面等。

问题描述

如果你遇到 SwiftUI TabbedView 仅显示第一个选项卡的内容的问题，可能是由于以下几个原因：

选项卡内容未正确配置：确保每个选项卡的内容都正确配置，并且没有语法错误。
数据绑定问题：如果选项卡内容依赖于某些数据，确保数据绑定正确无误。
视图更新问题：确保视图能够正确响应数据变化并更新。

解决方法

以下是一个简单的示例代码，展示如何正确配置 TabbedView：

import SwiftUI

struct ContentView: View {
    var body: some View {
        TabbedView {
            Text("Tab 1")
                .font(.largeTitle)
                .tabItem {
                    Image(systemName: "1.circle")
                    Text("Tab 1")
                }
            
            Text("Tab 2")
                .font(.largeTitle)
                .tabItem {
                    Image(systemName: "2.circle")
                    Text("Tab 2")
                }
            
            Text("Tab 3")
                .font(.largeTitle)
                .tabItem {
                    Image(systemName: "3.circle")
                    Text("Tab 3")
                }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}