How To Change Top Bar Transparent On Roblox

Accepted Answer

In iOS xv, UIKit has extended the usage of the scrollEdgeAppearance, which by default produces a transparent background, to all navigation bars. The background is controlled by when your scroll view scrolls content backside the navigation bar. Your screenshots bespeak that you are scrolled to the meridian, and and so the navigation bar has selected its scrollEdgeAppearance over the standardAppearance that information technology would apply when scrolled, and on previous versions of iOS.

To restore the old await, you must adopt the new UINavigationBar appearance APIs, UINavigationBarAppearance. Remove your existing customizations and exercise something like this:

            let appearance = UINavigationBarAppearance() appearance.configureWithOpaqueBackground() advent.backgroundColor = <your tint color> navigationBar.standardAppearance = advent; navigationBar.scrollEdgeAppearance = navigationBar.standardAppearance

In the full general example, information technology is the last line navigationBar.scrollEdgeAppearance = navigationBar.standardAppearance, which resolves the issue by having the UINavigationBar use the same advent for both its standard and border states. Also note that this will cause the scroll view to underlap the navigation bar – we recommend confronting setting UINavigationBar.isTranslucent = true.

You can too utilise the advent proxy with the lawmaking above, but substituting navigationBar.appearance().scrollEdgeAppearance = advent for the last line (as yous are amalgam your ain advent object – the thought is to only make sure both scrollEdge and standard appearances are the aforementioned).

Answers

In iOS 15, UIKit has extended the usage of the scrollEdgeAppearance, which by default produces a transparent background, to all navigation bars. The groundwork is controlled by when your scroll view scrolls content backside the navigation bar. Your screenshots indicate that you are scrolled to the top, and so the navigation bar has selected its scrollEdgeAppearance over the standardAppearance that it would use when scrolled, and on previous versions of iOS.

To restore the old look, you must adopt the new UINavigationBar advent APIs, UINavigationBarAppearance. Remove your existing customizations and do something like this:

            allow appearance = UINavigationBarAppearance() appearance.configureWithOpaqueBackground() advent.backgroundColor = <your tint color> navigationBar.standardAppearance = appearance; navigationBar.scrollEdgeAppearance = navigationBar.standardAppearance

In the general case, it is the concluding line navigationBar.scrollEdgeAppearance = navigationBar.standardAppearance, which resolves the consequence by having the UINavigationBar use the same advent for both its standard and edge states. Also annotation that this volition cause the scroll view to underlap the navigation bar – we recommend against setting UINavigationBar.isTranslucent = true.

You can also use the appearance proxy with the lawmaking above, merely substituting navigationBar.advent().scrollEdgeAppearance = appearance for the last line (as you are constructing your own advent object – the idea is to just make certain both scrollEdge and standard appearances are the aforementioned).

It worked like a charm! Thank you!

I'chiliad seeing this upshot also. I'm surprised that the default behavior is this and that it requires configuration now? I also had to set it for all appearance types to make it wait ameliorate, but there are even so cases where the appearance is strange specially in the transitions between view controllers.

I take the same problem. The code has to exist inserted in each controller and the transitions between the controllers is buggy (Xcode Beta 2, iOS 15 Beta 2).

My problem is the missing top line in the TabBar. I can solve information technology only past adding a frame. Only the frame would accept to be visible only at the peak. Does anyone have any ideas? Here is my current solution:

            tabBarController?.tabBar.tintColor = "myTintColor" tabBarController?.tabBar.clipsToBounds = truthful tabBarController?.tabBar.layer.borderWidth = 0.5 tabBarController?.tabBar.layer.borderColor = UIColor.lightGray.cgColor

cheers!

*** Update iOS15 Beta 3 / Xcode Beta 3 ***

Since beta 3 the problem seems to be solved in the primary controller. But when I switch to a subcontroller, the separator line disappears. Information technology no longer appears when I switch dorsum to the master controller. This is definitely a bug!

We faced a similar problem and are considering resolving information technology with making sure that we always prepare the background of the view of our view controllers to something other than articulate such every bit systembackgroundcolor, and ensuring that all of our view controllers employ UIRectEdgeAll. Previously some view controllers and peculiarly WKWebViews had a clear background and UIRectEdgeNone.

I'd be curious to hear if this helps for anyone else. I like this approach more as it feels less invasive than changing the appearance of the navigation bar.

This Navigation Bar Transparency problem began when Apple fabricated Dark Way. I told them about information technology and Apple fixed it but they have cleaved the Nav Bar once again in iOS 15.

The issue persists on iOS 15 Beta viii. Tried on both low-cal/dark theme.

This doesn't seem to work at all with the iOS 15 RC.

VC1 shows VC2. VC1 and VC2 are fine. Their navigation bars are the correct color.

VC2 presents an image picker (of your library photos). Goose egg I do seems to make the image picker use the right colours.

I've tried to employ Rincewind's code to style the picker, just it just shows as light grey, with the nav bar buttons in white. I've implemented navigationController:willShowViewController:animated, but whatsoever I put in in that location is completely ignored.

It does seem that Apple decide to change the key behaviour of something, and just presume that developers volition change their apps to cope with it How about yous give us a heads-up before you interruption our apps?

I've changed .barTintColor to UINavigationBarAppearance backgroundColor, set to standardAppearance and scrollEdgeAppearance and it works. But if present new ViewController modally with modalPresentationStyle == .fullscreen and dismiss, navigationBar's background color on the first ane inverse to default.

In my case， when I update to xcode13 and iOS15。 I take found that navigationBar and tabBar turns transparent。 My viewController is embed in UINavigationController

Simulator Screen Shot - iPhone 13 Pro Max - 2021-09-24 at 09.57.25.png

After a serial of tests, I plant the Settings the backgroundColor of navigationController is best Mode to fix this

navigationController?.view.backgroundColor = .yourColor

One time the color is set, everything is fine

Simulator Screen Shot - iPhone 13 Pro Max - 2021-09-24 at 10.00.42.png

@cblaze22 asked for an Objective-C version. Here:

            UINavigationBarAppearance *navBarAppearance = [[UINavigationBarAppearance alloc] init]; [navBarAppearance configureWithOpaqueBackground]; navBarAppearance.backgroundColor = [UIColor blueColor]; [navBarAppearance setTitleTextAttributes:         @{NSForegroundColorAttributeName:[UIColor whiteColor]}];  navBar.standardAppearance = navBarAppearance; navBar.scrollEdgeAppearance = navBarAppearance; [navBarAppearance release];` ```

After going through all the answers and so far and trial and error in interface builder the problem is sorted for me later the post-obit steps: (xcode xiii , iOS 13)

choose standard and scroll edge appearances for the navigation bar.

Screenshot 2021-10-03 at 19.02.38.png

fix both appearances to be the same.

Screenshot 2021-10-03 at 19.03.02.png

Good luck

In case it helps someone, placing @Rincewind's code snippet in applicationDidBecomeActive restored the pre-iOS15 look of the navigation bar and ensured the navigation controller background view color updated when the user inverse between light and dark mode while the app was running.

                  let appearance = UINavigationBarAppearance()       appearance.configureWithOpaqueBackground()       appearance.backgroundColor = color  // eg .blackness or .white       nc.navigationBar.standardAppearance = appearance;       nc.navigationBar.scrollEdgeAppearance = nc.navigationBar.standardAppearance

In case someone is having bug with navigation championship font and colour, add the post-obit code to your extension

                          if let attributes = cocky.navigationController?.navigationBar.largeTitleTextAttributes {         barAppearance.largeTitleTextAttributes = attributes       }               if let attributes = cocky.navigationController?.navigationBar.titleTextAttributes {         barAppearance.titleTextAttributes = attributes       }

hope it helps