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

Question

我有一个TabView应显示.tabItem带有自定义图像的 a （不是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

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

然后renderMode在标签栏图像中设置为.original

TabView(selection: $model.lastSelectedMaintainAreaIndex) {

            SomeView()
                .tabItem({

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