title: Overlay view on top of root view from child?
body: <p>I want to display a bottom sheet or modal view from a child view, but should overlay on top of the whole app, even if there's a tab or nav bar. For example:</p>
  <pre><code>struct ContentView: View {
      @State private var selected = 0
  
      var body: some View {
          TabView(selection: $selected) {
              Content1View()
                  .tabItem {
                      Image(systemName: &quot;1.circle&quot;)
                      Text(&quot;First&quot;)
                  }
                  .tag(0)
          }
      }
  }
  
  struct Content1View: View {
      var body: some View {
          Text(&quot;Content 1&quot;)
              .overlay(
                  Color.blue
                      .opacity(0.1)
                      .frame(maxWidth: .infinity, maxHeight: .infinity)
                      .ignoresSafeArea()
              )
      }
  }
  </code></pre>
  <p>How can I make the blue color overlay on top of the whole app without making the tab bar do it?</p>