@capacitor/status-bar sometimes work, sometimes not

[SvenBudak]

Hi! I struggle with @capacitor/status-bar

In my Ionic Angular App i added to app.component this code:

ngOnInit() {
  this.appStart();
}

appStart() {
    if (isPlatform('capacitor')) {
      console.log('App is running on Capacitor!');
      this.platform.ready().then(() => {
        console.log('Platform ready');
        StatusBar.setStyle({style: Style.Light}).then(r => console.log(r));
        StatusBar.setBackgroundColor({color: '#F2D492'}).then(r => console.log(r));
        setTimeout(() => {
          console.log('1 sec is done');
          // StatusBar.setStyle({style: Style.Light}).then(r => console.log(r)); With a timeout it works better
          // StatusBar.setBackgroundColor({color: '#F2D492'}).then(r => console.log(r)); With a timeout it works better
        }, 1000);
      });
    }
  }

For some reason in the emulator it works mostly well. but when i create a build with android studio and upload the app to my real android device, the statusbar dont change anything. When i add a TimeOut of 1 second, then it is also working in my builded App on my real device.

I debugged with my chrome inspector tool and saw that my real android device returns undefined

This is my versioning:

Capacitor Plugins

@capacitor

• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected]

Cordova Plugins

Dependencies

@Angular-devkit

• [email protected] - (Latest 16.1.8)

@angular-eslint

• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected]

@angular

• [email protected] - (Latest 16.1.8)
• [email protected] - (Latest 16.1.7)
• [email protected] - (Latest 16.1.8)
• [email protected] - (Latest 16.1.8)
• [email protected] - (Latest 16.1.8)
• [email protected] - (Latest 16.1.8)
• [email protected] - (Latest 16.1.8)
• [email protected] - (Latest 16.1.8)
• [email protected] - (Latest 16.1.8)
• [email protected] - (Latest 16.1.7)
• [email protected] - (Latest 16.1.8)
• [email protected] - (Latest 16.1.8)
• [email protected] - (Latest 16.1.8)

@capacitor

• [email protected]
• [email protected]
• [email protected]

@directus

• [email protected]
• [email protected]

@Ionic

• [email protected] - (Latest 7.2.2)
• [email protected] - (Latest 10.0.0)

@types

• [email protected]
• [email protected] - (Latest 20.4.8)

@typescript-eslint

• [email protected] - (Latest 6.2.1)
• [email protected] - (Latest 6.2.1)

Other Dependencies

• [email protected] - (Latest 8.46.0)
• [email protected] - (Latest 2.28.0)
• [email protected] - (Latest 46.4.6)
• [email protected] - (Latest 1.2.3)
• [email protected]
• [email protected]
• [email protected] - (Latest 5.1.0)
• [email protected] - (Latest 7.0.0)
• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected] - (Latest 2.1.0)
• [email protected]
• [email protected]
• [email protected] - (Latest 10.9.1)
• [email protected]
• [email protected] - (Latest 5.1.6)
• [email protected]

[Ionitron]

This issue needs more information before it can be addressed.
In particular, the reporter needs to provide a minimal sample app that demonstrates the issue.
If no sample app is provided within 15 days, the issue will be closed.

Please see the Contributing Guide for how to create a Sample App.

Thanks!
Ionitron 💙

[SvenBudak]

how should i provide a example? the statusbar works only natively.

I can copy paste the code from my opening post into a new app, build a apk and send you the file if you want.
but i am not sure if this will help you.

I saw on discord 2 other people they have the same problem.

[jcesarmobile]

Most likely it's the same problem as #1160
On Android 13 you can't do any device UI changes during the splash screen is being shown, or if you do them, they get restored once the splash is hidden.
So the setTimeout will work if it's longer than the time the splash is being displayed.

You can also try adding launchFadeOutDuration config option with 0 value so there is no animation as that's what seem to be messing with the device UI changes.
https://capacitorjs.com/docs/apis/splash-screen#configuration

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of the plugin, please create a new issue and ensure the template is fully filled out.