SwiftUI：如何更改 TabbedView 中所选项目的图像

Posted 2023-02-24

【中文标题】SwiftUI：如何更改 TabbedView 中所选项目的图像

【英文标题】：SwiftUI: How to change the image for a selected item in TabbedView

【发布时间】：2019-07-22 06:45:22

【问题描述】：

有没有什么方法可以改变 SwiftUI 的TabbedView 中的标签项在被选中或未选中时的图像？

TabbedView(selection: $selection) 
  Text("Home").tabItem 
    Image(systemName: "house")
    Text("Home")
  .tag(0)

  Text("Away").tabItem 
    Image("away")
    Text("Away")
  .tag(1)

我尝试在网上搜索，但没有找到答案。 我正在使用 Xcode 11 beta 4。

【参考方案1】：

您可以使用条件/三元运算符并根据$selection 渲染图像

参见示例：

struct ContentView: View 
    @State private var selection = 0

    var body: some View 
        TabView(selection: $selection) 
            Text("Home")
                .tabItem 
                    selection == 0 ? Image(systemName: "house.fill") : Image(systemName: "house")
                    Text("Home")
                
                .tag(0)

            Text("Away")
                .tabItem 
                    selection == 1 ? Image(systemName: "a.circle.fill") : Image(systemName: "hand.raised.fill")
                    Text("Away")
                
                .tag(1)