Gradient Background for Navigation bar on iPhoneX

Asked Sep 02 '18 at 08:58

Active Sep 02 '18 at 09:02

Viewed 152 times

Gradient background is not applied for navigation bar on iPhoneX. This is my function code:

    func setGradientBackground(Colors: [UIColor]) {

    var updatedFrame = bounds
    updatedFrame.size.height += self.frame.origin.y

    if UIDevice().userInterfaceIdiom == .phone {
        if UIScreen.main.nativeBounds.height == 2436{
            updatedFrame.size.height += 44
        } else {
            updatedFrame.size.height += 20
        }

    }

    let gradientLayer = CAGradientLayer(frame: updatedFrame, colors: Colors)
    setBackgroundImage(gradientLayer.createGradientImage(), for: UIBarMetrics.default)

}

Here is the result for iPhoneX

edited Sep 02 '18 at 09:02

asked Sep 02 '18 at 08:58

Noura Aziz

https://stackoverflow.com/questions/30884170/how-can-i-set-the-uinavigationbar-with-gradient-color – Abdulaziz.Musaileekh Sep 02 '18 at 17:45
Thank you, but this worked with all other devices except iPhoneX. That's my problem! – Noura Aziz Sep 03 '18 at 05:49
use `updatedFrame.size.height += navigationBar.frame.maxY` and let's me know – Abdulaziz.Musaileekh Sep 05 '18 at 15:57

Gradient Background for Navigation bar on iPhoneX

0 Answers0