如何更改 SwiftUI 中所选选项卡栏项目的图标颜色？

发布于 2025-01-11 09:03:32 字数 858 浏览 2 评论 0原文

我尝试使用 UITabBar.appearance().unselectedItemTintColor 更改图标的颜色，但它仅适用于 systemImage 并且不突出显示图像，仅突出显示文本。

init() {
   UITabBar.appearance().unselectedItemTintColor = .secondaryLabel 
}

TabView {
        FirstView()
            .tabItem {
                Text("Home")
                Image("home")
            }
            
        CatalogView()
            .tabItem {
                
                Text("Categories")
                Image("catalog")
                    
            }
        
        CustomerProfileView()
            .tabItem {
                Text("Profile")
                Image("profile")
            }
           
            
        ShoppingView()
            .tabItem {
                Text("Cart")
                Image("shoppingbasket")
            }  
    }

我也尝试过 .accentColor 但 Xcode 说它将被弃用。

原文

I tried to change icon's color with UITabBar.appearance().unselectedItemTintColor but it works only with systemImage and doesn't highlight image, only text.

init() {
   UITabBar.appearance().unselectedItemTintColor = .secondaryLabel 
}

TabView {
        FirstView()
            .tabItem {
                Text("Home")
                Image("home")
            }
            
        CatalogView()
            .tabItem {
                
                Text("Categories")
                Image("catalog")
                    
            }
        
        CustomerProfileView()
            .tabItem {
                Text("Profile")
                Image("profile")
            }
           
            
        ShoppingView()
            .tabItem {
                Text("Cart")
                Image("shoppingbasket")
            }  
    }

I also tried .accentColor but Xcode says it will be deprecated.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

芯好空 2025-01-18 09:03:32

在这种情况下，您可以使用foregroundColor。

Image("shoppingbasket")
    .renderingMode(.template)
    .foregroundColor(Color(.secondaryLabel))

You can use foregroundColor in this case.

Image("shoppingbasket")
    .renderingMode(.template)
    .foregroundColor(Color(.secondaryLabel))

回复收藏 0 原文

流心雨 2025-01-18 09:03:32

你的代码工作得很好。

init() {
   UITabBar.appearance().unselectedItemTintColor = .secondaryLabel 
}

但您还需要将资产设置为资产目录中的模板图像：

所以不需要使用 .foregroundColor

Your code works just fine.

init() {
   UITabBar.appearance().unselectedItemTintColor = .secondaryLabel 
}

But you also need to set your asset as a template image in the asset catalog:

So no need to use .foregroundColor

回复收藏 0 原文

南街女流氓 2025-01-18 09:03:32

您是否尝试过将 .tint() 修饰符应用于 TabView？

就像这样：

TabView {
        FirstView()
            .tabItem {
                Text("Home")
                Image("home")
            }
            
        CatalogView()
            .tabItem {
                
                Text("Categories")
                Image("catalog")
                    
            }
        
        CustomerProfileView()
            .tabItem {
                Text("Profile")
                Image("profile")
            }
           
            
        ShoppingView()
            .tabItem {
                Text("Cart")
                Image("shoppingbasket")
            }  
    }
    .tint(.green)

Have you tried applying .tint() modifier to the TabView?

Just like this:

TabView {
        FirstView()
            .tabItem {
                Text("Home")
                Image("home")
            }
            
        CatalogView()
            .tabItem {
                
                Text("Categories")
                Image("catalog")
                    
            }
        
        CustomerProfileView()
            .tabItem {
                Text("Profile")
                Image("profile")
            }
           
            
        ShoppingView()
            .tabItem {
                Text("Cart")
                Image("shoppingbasket")
            }  
    }
    .tint(.green)

回复收藏 0 原文

~没有更多了~