Toolbar goes mysteriously grey when VStack background color is set

Question

dyyi OP

Created Mar ’23

Replies 1

Boosts 0

Participants 2

I have

VStack {
}
.background(Color.gray)
.border(.red)
.toolbar {
   &#x2F;&#x2F;items
}

For some reason the toolbar goes grey as well. Why? The border clearly shows that the VStack doesn't extend to behind the toolbar.

https://imgur.com/O0CCcFJ

Boost

Answer 1

darkpaw OP

Mar ’23

Can you provide some more code? If I just put what you've provided (and add a ToolbarItem) into a standard new project, I just get a white screen. Gonna need more info, but in the meantime have you tried adding a background colour to the toolbar?

import SwiftUI

struct ContentView: View {
  var body: some View {
    VStack {
    }
    .background(Color.gray)
    .border(.red)
    .toolbar {
      ToolbarItem(placement: .bottomBar) {
        Button("Press Me") {
          print("Pressed")
        }
      }
    }
  }
}

struct ContentView_Previews: PreviewProvider {
  static var previews: some View {
    ContentView()
  }
}

0