SwiftUI TabView：带有自定义图像的 .tabItem 不显示

Question

我有一个TabView，它将显示带有自定义图像的.tabItem（不是Image(systemName:)）：

@ObservedObject var model: MaintainAreaSelectionModel = MaintainAreaSelectionModel()


... 

    var body: some View {

        VStack {
            Image("Timeline")

            TabView(selection: $model.lastSelectedMaintainAreaIndex) {

                SomeView()
                    .tabItem({

                            Image("Timeline")
                            Text("Title")
                    })
                    .tag(0)
            }
        }
    }
...

虽然第一个Image 正确显示图标，但第二个Image 只显示一个灰色圆圈。

该图像是Assets 目录的一部分，我尝试使用 PDF 矢量图像以及所有尺寸的专用位图（根据 Apple 的 HIG）- 没有区别，总是灰色的。

知道这里发生了什么吗？图像是否必须满足任何未记录的约束才能作为tabItem 工作？

Answer 1

首先，您必须将图像设置为从Assets 渲染为Original Image。

然后在tabbar Image中设置renderMode为.original

TabView(selection: $model.lastSelectedMaintainAreaIndex) {

            SomeView()
                .tabItem({

                        Image("Timeline").renderingMode(.original)
                        Text("Title")
                })
                .tag(0)
        }