Ionic / Cordova Изменить цвет панели навигации Android

Question

Я пытаюсь изменить цвет панели навигации в Android (внизу, с клавишами назад и домой) - на телефонах, у которых нет аппаратных клавиш возврата домой и назад.в моем ионном приложении, которое использует Cordova.

Есть ли способ сделать это?

Пример:

Answer 1

Нашел этот удивительный плагин Cordova, который делает это прекрасно:
https://www.npmjs.com/package/ionic-plugin-navigation-bar-color

Answer 2

Вы можете использовать приведенный ниже стиль на нужной странице, добавить его в соответствующий файл scss и, как вы просили андроид, пойти с этим

.toolbar-background-md{
    background-color: 'your color code here';
  }

, если вы хотите сохранить то же самое в приложенииэто в variable.scss

для ios используйте тот же метод, но вместо md используйте тег ios как показано ниже

.toolbar-background-ios{
     background-color: 'your color code here';
 }

Answer 3

@ Amitairos панель навигации для Android также называется строкой состояния.IONIC native имеет плагин для этого.Проверьте это по этой ссылке https://ionicframework.com/docs/native/status-bar/.

Например: - this.statusBar.styleBlackTranslucent(); это изменит цвет строки состояния на черный.Вы также можете использовать любой цветовой код, пожалуйста, проверьте ссылку выше.это вам определенно поможет.

Answer 4

я сделал что-то подобное в моем файле sass theme/variable.scss файл

$toolbar-background: #009241;

на основании этого