带有 SwiftUI 的标签栏上方的额外导航视图

Question

我想做一些类似于 iOS 13 中的照片和播客应用中所做的事情。

这两个应用程序都有一个附加到标签栏的额外视图。在照片应用程序中，它是第二行导航，就像一个子菜单，它只出现在一个选项卡中。在 Podcasts 应用中，它是一个缩小的播放器，可在所有选项卡中使用。

在使用 SwiftUI 时，我有哪些选择可以做这样的事情？有没有办法将额外的视图附加到标签栏？还是应该在每个 tabItem 中使用 ZStack 并在每个 ZStack 中复制我的额外视图？

Answer 1

您可以在持久化view（TabBar、NavigationView 等）上使用.overlay 修饰符，例如：

TabView { ,,, }
.overlay(
    Rectangle()
    .foregroundColor(.red)
    .frame(width: 40, height: 40)
)

_{当然是正确的配置！这只是一个演示，看看如何拥有持久视图。}

您还可以定义自己的自定义修饰符并将其应用于标签栏。 唯一重要的事情是将其应用于持久的view。所以你不需要在每个视图中复制你的额外视图。