You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

SwiftUI中TabView导致列表与标签栏重复显示问题求助

SwiftUI TabView导致内容重复显示问题求助

首次发帖,若格式有误请见谅。我正在学习SwiftUI基础,使用TabView时遇到问题:添加TabView代码后,To Do列表和TabView标签栏均出现重复显示的情况。我检查过代码但未发现问题,现有MainView、HomeView、CalendarView、SettingsView四个视图,仅HomeView编写了业务代码,其余视图仅为空内容。

相关代码如下:

import SwiftUI

struct HomeView: View {
    
    @State var toDoList = ["Calendar", "Life", "School", "Habits", "Relationships"]
    
    var body: some View {
        NavigationStack {
                List {
                    Section(header: Text("To Do List")) {
                        ForEach(toDoList, id: \.self) {
                            Text($0)
                                .swipeActions(edge: .leading, allowsFullSwipe: false) {
                                    Button("Archive") {}
                                        .tint(.orange)
                                    Button("Save") {}
                                        .tint(.green)
                                    Button("Junk") {}
                                        .tint(.blue)
                                }
                        }
                    }
                }
                .listStyle(.plain)
                .navigationTitle("To Do List")
                .navigationBarTitleDisplayMode(.inline)
                .toolbar() {
                    ToolbarItem(placement: .topBarTrailing) {
                        Button() {
                            
                        } label: {
                            Image(systemName: "ellipsis")
                        }
                    }
                    
                    ToolbarItem(placement: .topBarLeading) {
                        Button() {
                            
                        } label: {
                            Image(systemName: "line.3.horizontal")
                        }
                    }
                }
        }
        
        TabView {
            HomeView()
            .tabItem {
                    Label("Home", systemImage: "house")
            }
            
            CalendarView()
            .tabItem {
                Label("Calendar", systemImage: "calendar")
            }
            
            SettingsView()
            .tabItem {
                Label("Settings", systemImage: "gearshape.fill")
            }
                
        }
    }
}

#Preview {
        HomeView()
}

显示效果说明:

  • 注释TabView时:仅显示正常的To Do列表
  • 添加TabView后:To Do列表和TabView标签栏重复出现

我已尝试清理构建文件夹、新建项目等方法,但问题仍未解决,恳请各位提供帮助。

内容的提问来源于stack exchange,提问作者MaxGarcia_98

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.09 10:43:09