How to change the color of the navigation bar at the bottom of the screen

Discuss
1

image
image846×1671 191 KB

When updating to API 35, Kodular automatically changed the navigation bar to this orange color. How do I change it?

2

Hey @Tudo_Em_Um

please set those property block in screen initializing event

component_set_get(2)

component_set_get(1)

other than this hiding and showing navigation bar also color change may not work on some android device. they are experimental property right now.

2 Likes
5

@solomon_zerihun … that’s even not a great idea…

hah!

6

Please post only what you think the solution is without telling who someone is.

thanks

1 Like
7

umm and you know @Taifun was changed my topic’s category from discuss to guides, resources.

8

I have the permissions to do this too but…

given the way you treated the users,

I’ll wait for the creator of the post to mark it as the solution.

You should have more respect for those who have just started using Kodular and perhaps be more considerate in how you say things.

@Tudo_Em_Um

Always check the community before creating a topic, maybe your question has already been asked in the past.
https://community.kodular.io/search?q=navigation%20bar%20color

Happy :kodular:oding!

1 Like
10

I really would have preferred not to write what I wrote earlier, but it seemed the right thing to do.
PM if we need to talk about something unrelated to solving the post.

11

Following up on my earlier report regarding the Status Bar Color and Navigation Bar Color blocks not working after the recent update:

I tested the issue on multiple devices and found the following:

  • Samsung M13 (Android 14) → Working properly.
  • POCO (Android 15) → Not working.
  • Tecno (Android 15) → Not working.

Observation:
The issue seems to affect Android 15 devices, while it works as expected on Android 14 and below.
On Android 15, the colors are still being taken from Project Settings → Theming instead of updating via blocks.

Could you please confirm if this is a compatibility issue with Android 15.

2 Likes
12

This extension comes to in time, yet I didn’t try it

2 Likes
13

I had a similar situation after updating to API 35. I was able to change the navigation bar color using blocks in the Screen.Initialize event and setting the NavigationBarColor property. Also, if you want more advanced options (like transparency or color animation), you can use the Advanced Status Bar Tools extension.

If you want, I can share the exact blocks that worked for me.

1 Like
14

I’m android 15+? Because it seem to work in android 14 below

If you’re making it in android 15+ then you can share to guide

15
16
17

Try this:

grafik
grafik435×950 35.2 KB

Blocks

grafik
grafik1745×1059 157 KB

18

Where is the status bars extension?

19

How can get this extension? Please share link of this extension.

20

The SystemBars extension is still in an experimental stage. The Status bar and Navbar can no longer be colored independently of each other since the targetSdkVersion=35 update. My extension uses a workaround/trick to prevent the Navbar from being colored. To do this, the navbar must be temporarily hidden for a few milliseconds to prevent coloring. However, this requires that the Title bar is hidden (in the Designer). If desired, this should then be created manually via a HA and colored accordingly (if desired).

Post your AIA or send it to me via PM. I’ll test it with your app and report back…

1 Like