SwiftUI remove white color when context menu opens

Question

Created Dec ’23

Replies 3

Boosts 0

Views 1k

Participants 2

I try to use context menu is SwiftUI and I faced into the issue that white background appears during How can I remove white background ?

struct PlayerLayerView: View {
    
    var body: some View {
        VideoPlayer(player: AVPlayer(url: URL(string: "https://i.imgur.com/2f4ipZX.mp4")!))
            .contextMenu {
                Button {} label: {
                    Text("item")
                }
                Button {
                    
                } label: {
                    Text("item")
                }
            } preview: {
                VideoPlayer(player: AVPlayer(url: URL(string: "https://i.imgur.com/2f4ipZX.mp4")!))
            }
      
    }
}

#Preview {
    PlayerLayerView()
}

here is an example https://i.imgur.com/eVa3QTF.mp4

Boost

Answer 1

darkpaw OP

Dec ’23

Maybe .background(Color.black) is what you're after? But I can't tell because you haven't explained where you're seeing a white background? Perhaps a screenshot of your preview window with the white background would be helpful?

0

Answer 2

Asseks OP

Dec ’23

@darkpaw here is screenshots and I was asking about white background on highlight state.

normal state

Optimized-CleanShot 2023-12-20 at 11.31.48@2x.png

highlighted(bug is here, no video visible here)

Optimized-CleanShot 2023-12-20 at 11.32.36@2x.png

context menu

Optimized-CleanShot 2023-12-20 at 11.32.53@2x.png

0

Answer 3

darkpaw OP

Dec ’23

You need to make the background of the VideoPlayer black, i.e.:

...
      } preview: {
				VideoPlayer(player: AVPlayer(url: URL(string: "https://i.imgur.com/2f4ipZX.mp4")!))
			}
			.background(Color.black)

0