[MOBILE-4331] Android system navigation bar should maintain the apps bottom style - Moodle Tracker

XML

Word

Printable

Testing Instructions:

Hide

Using different devices and OS, check statusbar (top) (iOS and Android) and navigation bar (bottom) (only Android) is the same as the app borders.

This includes testing portal colors, remote themes, dark mode, etc.

Show
Using different devices and OS, check statusbar (top) (iOS and Android) and navigation bar (bottom) (only Android) is the same as the app borders. This includes testing portal colors, remote themes, dark mode, etc.
Affected Branches:
MOODLE_402_STABLE
Pull 4.1 Diff URL:
https://github.com/moodlemobile/cordova-plugin-statusbar/pull/1
Pull 4.2 Diff URL:
https://github.com/moodlehq/moodleapp/pull/3737
Pull Master Diff URL:
https://github.com/moodlehq/moodleapp/pull/3729

It should match the colour of our bottom tabs var when displayed (in level 1 navigation)
It should be white or maintain the apps default background colour when in level 2 navigation
It should work with remote themes, tenants, etc... so maybe we should add a special CSS var for it inside a class to have more control

It seems that we are going to need a plugin for this: cordova-plugin-navigationbar-color

CoreNative.plugin('systemUI')?.setNavigationBarColor('#ff00ff');