Capacitor: config of iOS status bar background

Hello,

I’m new to using Capacitor and I’m wondering if there is a way to configure the background color of the status bar (the area containing the time and battery/wifi icons around the notches) on iOS so that when scrolling in my application, the time doesn’t “overlap” with other content (screenshot of that below). Is it possible to just make this area black or something similar?

I’m using the following viewport settings:

width=device-width, initial-scale=1, user-scalable=no, viewport-fit=auto

I was looking at using StatusBarStyle from capacitor/status-bar, but it looks like that’s deprecated:

I’m using Vue/NuxtJS, if it matters

1 Like

You should probably extend your header to cover the status bar instead of leaving that part transparent

Hi @christianfenn did you fix this issues in your project? If yes, how did you fix?