Change Android NavBar background color with Expo?

Question

Expo allows changing the color and other aspects of the StatusBar (at the top of the screen.)

I don't see any mention of modifying the NavBar (bottom of the screen) background color to match anywhere though. Is this possible without detaching?:

I don’t think there is the API to do it in Expo though it can be done in [native android](https://stackoverflow.com/questions/27839105/android-lollipop-change-navigation-bar-color) but it seems lot to eject just to make that change. — Andrew, Feb 26 '19 at 20:55

Max Weber · Accepted Answer · 2020-07-22T23:26:40.453

3

In app.json, you can add the following (to the expo node)

    "androidNavigationBar": {
      "backgroundColor": "#880000"
    },

More detail can be found in the expo docs on app.json.

As of SDK 38, this won't work in bare workflow / ejected mode as far as I can tell.

edited Jul 22 '20 at 23:26

answered Jul 22 '20 at 23:14

Max Weber

85
5

Can you add a link to the relevant docs to your answer? – Slbox Jul 22 '20 at 23:18
@Slbox added a link to the expo docs for further reading :) – Max Weber Jul 22 '20 at 23:28
Awesome! Any idea if it can be controlled programmatically like the StatusBar? It seems like not yet. – Slbox Jul 23 '20 at 00:03

Change Android NavBar background color with Expo?

1 Answers1