Screen background color

Question

I am trying to set the screen's background color to pink however, when I use edgesIgnoringSageArea(.all) it is being ignored and remains white.

Is this perhaps an Xcode 11 Beta 2 bug?

struct ContentView : View {
    @State var sliderValue: Float = 0

    var body: some View {
        VStack {
            Spacer()

            HStack {
                Image("lectric")
                Text("Some Text").font(.largeTitle)
            }

            Slider(value: $sliderValue, from: 1, through: 100, by: 1)

            Spacer()
        }.padding(.horizontal, 50)
         .background(Color.pink)
         .edgesIgnoringSafeArea(.all)
    }
}

Hard to say. First, why aren't you already using beta 3? It's been available for 3 days and may answer your question. Second, have you tried using a `ZStack` to set background color? Maybe it's not the thing you want to do, but considering we're barely in beta 3... does it work? — , Jul 04 '19 at 22:31
Glad to help. maybe your code will work in a future beta - make sure to check it out each week. Isn't it fun working with bleeding edge software? :-) — , Jul 05 '19 at 01:36

score 1 · Answer 1 · answered Nov 26 '19 at 13:40

1

This code will change the navigation background color

 init(){
    UINavigationBar.appearance().backgroundColor = UIColor.blue
  }

answered Nov 26 '19 at 13:40

Umer Waqas - Top rated dev

3,072
29
26

score 0 · Answer 2 · answered Jul 04 '19 at 23:27

0

The automatic preview can't handle SafeArea yet.
If you run the application it will work as intended.

answered Jul 04 '19 at 23:27

Ugo Arangino

2,802
1
18
19

score -2 · Answer 3 · answered Jul 04 '19 at 23:14

-2

Thats the status bar. It is not handled by safe area. You have to change the window color or add an subview to change status bar color.

Here some ideas for status bar How to change Status Bar text color in iOS

and here are some ideas with custom views

How to change the status bar background color and text color on iOS 7?

answered Jul 04 '19 at 23:14

Kurt57

17
1
5

1

The question is about SwiftUI. Both of your links are for UIKit. – rmaddy Jul 04 '19 at 23:43

Subso · Answer 4 · 2019-07-05T04:57:12.350

So, it seems that you want to present same color in entire screen, the status bar component always stays separate from rest of the view so i would recommend try changing the status bar color specifically. Please try the below snippet method.

import UIKit

class ViewController: UIViewController {
override func viewDidLoad() {
    super.viewDidLoad()

   self.setStatusBarBackgroundColor(color: .blue)
    // Do any additional setup after loading the view, typically from a nib.
}


func setStatusBarBackgroundColor(color: UIColor) {

    guard let statusBar = UIApplication.shared.value(forKeyPath: "statusBarWindow.statusBar") as? UIView else { return }

    statusBar.backgroundColor = color
}
}

You can obviously make this method generic also and call from appdelegate or some common class.

Screen background color

4 Answers4