Gradient color to Navigationbar

Question

I am trying to apply the gradient color to UINavigationBar.appearence(). For this ,I followed the link. But after adding that extension of CAGradientLayer class,I have written the below lines of code in did finish launching with options in APPDelegate class. But I am getting an error like "Value of optional type UIImage? must be unwrapped to a value of type UIImage".Here am using UINavigationbar. Not the Navigationcontroller

Can anyone help me to do this, would be great.

// In AppDelegate Class

let navigationbar=UINavigationBar()
        let flareGradientImage = CAGradientLayer.primaryGradient(on: navigationbar)
        UINavigationBar.appearance().tintColor = UIColor(patternImage: flareGradientImage)



        UINavigationBar.appearance().tintColor = UIColor.white
        UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.foregroundColor:UIColor.white]

https://stackoverflow.com/questions/30884170/how-can-i-set-the-uinavigationbar-with-gradient-color This link gonna help you out — Mahendra Thotakura, Jun 26 '19 at 07:03

score 0 · Accepted Answer · answered Jun 26 '19 at 07:26

0

First your CAGradientLayer extension is getting bounds of navigation bar. Just initialising to UINavigationBar() won't work as its bound will be (0,0,0,0) and secondly you need to use below code to set it as backgroundImage.

UINavigationBar.appearance().setBackgroundImage(flareGradientImage, for:.default)

answered Jun 26 '19 at 07:26

DivyaS

141
6

I have tried this line of code before, but it was giving white color for navigation bar – anisha Jun 26 '19 at 08:25
You should check for frame in your extension – DivyaS Jun 26 '19 at 12:41

Gradient color to Navigationbar

1 Answers1