How to set safe area background color in swift 4.2?

Question

I'm a very beginner in swift

I have problem with the safe area view.

For the top(some said "Status bar") I've done with this code for changing the background color

if #available(iOS 13.0, *) {
            let app = UIApplication.shared
            let statusBarHeight: CGFloat = app.statusBarFrame.size.height

            let statusbarView = UIView()
            statusbarView.backgroundColor = hexStringToUIColor(hex: "#7f0000")
            view.addSubview(statusbarView)

            statusbarView.translatesAutoresizingMaskIntoConstraints = false
            statusbarView.heightAnchor
                .constraint(equalToConstant: statusBarHeight).isActive = true
            statusbarView.widthAnchor
                .constraint(equalTo: view.widthAnchor, multiplier: 1.0).isActive = true
            statusbarView.topAnchor
                .constraint(equalTo: view.topAnchor).isActive = true
            statusbarView.centerXAnchor
                .constraint(equalTo: view.centerXAnchor).isActive = true

        } else {
            let statusBar = UIApplication.shared.value(forKeyPath: "statusBarWindow.statusBar") as? UIView
            statusBar?.backgroundColor = hexStringToUIColor(hex: "#7f0000")
        }

I have no idea how to change the bottom safe area view background color?

my Main.storyboard my storyboard

score 8 · Accepted Answer · answered Oct 08 '19 at 09:34

8

just set the color to your view: view.backgroundColor = .blue

and set constraints to your view, that it is as big as the safe area.

answered Oct 08 '19 at 09:34

Chris

7,579
3
18
38

1

Thank you so much @Chris this is works as I expect. You save my time! :) – saleumsack Oct 08 '19 at 09:39

score 3 · Answer 2 · answered May 25 '21 at 05:15

I was struggling with this one for an hour so I thought I'd share my solution if anyone wants it.

This DID NOT work for me

extension UIApplication
{
    var statusBarView: UIView?
    {
        return value(forKey: "statusBar") as? UIView
    }
}
// Calling this  crashed
// UIApplication.shared.statusBarView?.backgroundColor = UIColor.black

So I just made a different extension

extension UIViewController
{
  func topColouredBlack()
  {
     let colouredTopBlack = UIView()
     view.addSubview(colouredTopBlack)
     colouredTopBlack.translatesAutoresizingMaskIntoConstraints = false
     colouredTopBlack.backgroundColor = .black

     NSLayoutConstraint.activate([
        colouredTopBlack.topAnchor.constraint(equalTo: view.topAnchor),
        colouredTopBlack.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
        colouredTopBlack.widthAnchor.constraint(equalTo: view.widthAnchor),
    ])
  }
}

I just call topColouredBlack() wherever I want & I made another one of a different colour when I want to change it back.

func scrollViewWillBeginDragging(_ scrollView: UIScrollView)
{
    topColouredBlack()
}

func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool)
{
  // topColouredWhite()
}

score 2 · Answer 3 · edited Jan 30 '20 at 12:18

have you tried this code?

extension UIApplication {

   var statusBarView: UIView? {
      return value(forKey: "statusBar") as? UIView
    }

}

// Set it from your view controller if you've view controller based.statusbar

class ViewController: UIViewController {

    override func viewDidLoad() {
      super.viewDidLoad()

      UIApplication.shared.statusBarView?.backgroundColor = UIColor.green
      }

   }

or

// Set upon application launch, if you've application based status bar

class AppDelegate: UIResponder, UIApplicationDelegate {

var window: UIWindow?

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
     UIApplication.shared.statusBarView?.backgroundColor = UIColor.green
     return true
  }
}

score 0 · Answer 4 · answered Feb 11 '21 at 02:51

Though my solution here is solved on post iOS 13, I think this may help:

https://stackoverflow.com/a/66148059/4963585

Basically the solution is make a view with the same background color that constrains to safe area's top, then activate that additional view's topAnchor. If your view requires scrolling, you can also set the anchor between the original background and that added view to prevent scrolling gap.

score 0 · Answer 5 · answered Oct 14 '21 at 12:26

0

Just set color of safeAreaLayoutGuide for whole app in SceneDelegate:

  window?.safeAreaLayoutGuide.owningView?.backgroundColor = .green

answered Oct 14 '21 at 12:26

Vladimir Sukanica

475
4
11

score -1 · Answer 6 · answered May 25 '22 at 06:17

let app = UIApplication.shared let statusBarView = UIView(frame: CGRect(x: 0, y: 0, width: screenWidth, height: app.statusBarFrame.height)) statusBarView.backgroundColor = UIColor.red strong textself.view.addSubview(statusBarView)

you can use this code it work for me

How to set safe area background color in swift 4.2?

6 Answers6