ionic-team
The world needs @capacitor/navigation-bar.
I find the ability to change the color of the navigation bar to be an absolute necessity in order to implement the overall design of one's app. Unfortunately, this is not currently possible. There is one community plugin that has made this possible: https://github.com/hugotomazi/navigation-bar However, this is no longer being developed and does not support Capacitor 5.
I would be very pleased if you could offer a plugin for the navigation bar. Most of us are front-end developers and are not really familiar with Java/Swift. Otherwise, I would have just programmed it myself and shared it with the community.
Best regards, Sven
what a pain, yesterday i had to remove hugotomazi/navigation-bar because there were some incompatibilities. My users have to live with the fact that the statusbar no longer matches the color of the app 😂
Hi,
Here's an updated and supported package for CAPACITOR NAVIGATION BAR
https://www.npmjs.com/package/@ethion/capacitor-navigation-bar
enjoy!
Hi,
Here's an updated and supported package for CAPACITOR NAVIGATION BAR
https://www.npmjs.com/package/@ethion/capacitor-navigation-bar
enjoy!
Thanks for your effort! But I’m not installing any more third-party Capacitor plugins. I’ve just had way too many experiences where they stop being maintained or don’t get updated for newer versions. Changing the nav bar color is such a basic thing that almost every developer needs… I really think it should just be part of the @capacitor package.
Hello @SvenBudak,
Did you have any news about it? What do you use to change/set the color of the navigation bar?
Hello @SvenBudak,
Did you have any news about it? What do you use to change/set the color of the navigation bar?
Honestly, not at all. I ended up removing it and decided to live with the fact that the navigation bar doesn’t match the app’s color scheme perfectly for now. Eventually, I might write my own plugin for this... possibly with some help from GPT.
I’ve stopped waiting for certain Ionic features or bug fixes to be implemented and started building my own solutions instead. For example, I created a plugin that fixes the edge-to-edge behavior and correctly reports the keyboard height, as those issues have been around for quite some time.
In general, I no longer rely on third-party packages unless they’re low-level JS/TS libraries that are stable enough to keep working without frequent updates.
@SvenBudak Thanks for your feedback. I agree this is a feature that Ionic/Capacitor should implement and add in their official packages.
@Renny1, I tried the package of Cap Go. It works better than others, especially for the color of the icon (dark or light) but the color of the navigation bar itself does not change on some devices (maybe due to a UI theme on device but not sure because some other apps set another color). Some little improvements need to be applied but it's ok for basic configuration 😉
Actually, I've tried several packages, but haven't found one that's really convincing. Some lack features, others aren't compatible with other packages, or aren't maintained... same observation as Sven.
Have a nice day guys, Loïc