首页 > 解决方案 > 在 SwiftUI 中单击列表项时如何隐藏底部标签栏?

问题描述

我是 SwiftUI 的新手,我尝试构建新项目以快速学习,我有一个 SwiftUI 项目,一切运行良好,当我单击任何列表项时,它会打开其他视图,但底部标签栏仍位于底部。如果我单击任何列表项,我想在其中隐藏底部标签栏。在 SwiftUI 中可以吗?

Dark_MenuApp:

@main
struct DarkMenuApp: App {
    @AppStorage("isDarkMode") private var isDarkMode = false
    var body: some Scene {
        WindowGroup {
            TabView {
                
            NavigationView {
                
                
               DarkMenuView()
                
                
            }.tabItem {
                
               Image(systemName: "homekit")
                Text("home")
                
             }
                Text("Liked")
                    .tabItem {
                        Image(systemName: "heart")
                        Text("Liked")
                    }
                Text("Reels")
                    .tabItem {
                        Image(systemName: "video")
                        Text("Reels")
                            .environment(\.colorScheme, isDarkMode ? .dark : .light)
                            .preferredColorScheme(isDarkMode ? .dark : .light)
                        
                    }
                Text("Profile")
                    .tabItem {
                        
                        Image(systemName: "person")
                        Text("Profile")
                    }
                   
            }.accentColor(.primary)
        }
    }
}

黑暗菜单视图:

struct DarkMenuView: View {
    @AppStorage("isDarkMode") private var isDarkMode = false
    
    var body: some View {
        VStack{
            Picker("Mode" , selection: $isDarkMode) {
                Text("Light")
                    .tag(false)
                
                Text("Dark")
                    .tag(true)
            }.pickerStyle(SegmentedPickerStyle())
            .padding()
            
            
            
            
            List(0..<5, id: \.self) { num in
                            NavigationLink(destination: Text("\(num)")) {
                            Text("\(num)")
                                
                            }
                                
                        }
        }.navigationTitle("Dark Menu")
        
       
    }
}

截屏:

在此处输入图像描述

标签: swiftswiftui

解决方案


推荐阅读