SF SYMBOLS

如何将sf符号的选项卡栏背景色and更改为自定义 colored颜色 ?我试过在.tabitem下面的背景( colored颜色 :Color),在它上面的括号内

struct Home: View {
    var body: some View {
        
        TabView {
        
            
            NavigationView {
                ZStack{
                    Color.black
                        .edgesIgnoringSafeArea(.top)
                    Text("Logout")
                    .foregroundColor(.white)
                }
                
            }
            .tabItem {
                Label("Logout", systemImage: "arrow.left")
            }
            
            NavigationView {
                ZStack{
                    Color.black
                        .edgesIgnoringSafeArea(.top)
                    
                    Text("Home")
                    .foregroundColor(.white)
                }

            }
            
            .tabItem {
                Image(systemName: "house")
        
                Text("Home")
            }
            
            NavigationView {
                ZStack{
                    Color.black
                        .edgesIgnoringSafeArea(.top)
                    Text("Add")
                    .foregroundColor(.white)
                }
                }
            .tabItem {
                Label("Add", systemImage: "plus")
            }

            
            NavigationView {
                ZStack{
                    Color.black
                        .edgesIgnoringSafeArea(.top)
                    
                    Text("Ship")
                    .foregroundColor(.white)
                }
            }
            .tabItem {
                Label("Ship", systemImage: "shippingbox")
            }
            NavigationView {
                ZStack{
                    Color.black
                        .edgesIgnoringSafeArea(.top)
                    Text("Order")
                    .foregroundColor(.white)
                }
                
            }
            .tabItem{
                Label("Order", systemImage: "bag")
            }
            NavigationView {
                ZStack{
                    Color.black
                        .edgesIgnoringSafeArea(.top)
                    Text("Reports")
                    .foregroundColor(.white)
                }
                
            }
            .tabItem  {
                Label("Reports", systemImage: "doc")
                
            }
            
            
        }
      
        
        
        }
        
        
    }


推荐答案

它可以通过选定选项卡项的强调色和其他内容的外观修改来实现

使用Xcode 14/iOS 16测试

demo

struct Home: View {
    init() {
        UITabBar.appearance().backgroundColor = .blue
        UITabBar.appearance().unselectedItemTintColor = .white
    }

    var body: some View {
        
        TabView {
        }
        .accentColor(.yellow)
    }
}

Swift相关问答推荐

如何在Swift中获得与Python相同的HMAC—SHA512签名?

从后台线程获取@发布属性的值(不更改它)是正确的吗?

如果通过计时器循环运行,则检索CPU利用率百分比的SWIFT脚本运行良好.似乎在没有计时器的情况下停留在初始百分比上

如何写一个;风格;视图修饰符,它会影响特定类型的所有嵌套视图?

SwiftUI 拖放:如果没有上下文类型,则无法解析对成员‘first’的引用

设备上ScrollView为什么会将内容高度更改为随机值,而在预览上不会? - 优化后的标题:设备上ScrollView内容高度随机变化问题解决

SwiftUI:列表背景为空列表时为黑色

Swift-SceneKit-无法从art.scnassets加载.scn文件

如何在 Combine 合并运算符的输出上使用 eraseToAnyPublisher

无法增加系统镜像的大小

在 xcode 13 中的构建之间保持可访问性权限

Vapor Swift 如何配置客户端连接超时

Apple 的自然语言 API 返回意外结果

VStack SwiftUI 中的动态内容高度

在 SwiftUI 中,如何在 UIView 内或作为 UIView 使用 UIHostingController?

AES 加密和解密

在 iOS 中使用 Swift 保存 PDF 文件并显示它们

Swift 动画 WithDuration 语法是什么?

由于编译器中的内部保护级别,无法访问框架 init 中的公共 struct

如何从一个可观察的数组创建一个可观察的数组?