Я создаю ios приложение, это будет включать cordova-plugin-statusbar.
Подробнее здесь: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-statusbar/
Так что для некоторой конкретной страницы c мне нужно изменить цвет и стиль строки состояния. Цвет строки состояния по умолчанию - # FFA702, но на некоторых страницах мне нужно изменить на # 000000. Итак, что я сейчас делаю, я установил в created() и beforeDestroy() этой страницы
PageA. vue
created(){
// set Status bar for ios to black
if (this.device.platform === "iOS") {
StatusBar.backgroundColorByHexString("#000000");
StatusBar.styleLightContent();
}
},
beforeDestroy() {
// set Status bar for ios back to FFA702
if (this.device.platform === "iOS") {
StatusBar.backgroundColorByHexString("#FFA702");
StatusBar.styleDefault();
}
},
Но это не очень хороший способ, если у нас есть много страниц с множеством цветовых комбинаций. Есть ли в любом случае, что я могу поместить эту логику c в один файл (может быть, приложение. vue или другой. js). Это автоматически добавит эту логику c в created() и beforeDestroy() к каждой странице, и это будет зависеть от имени страницы, которое будет изменено на правильный цвет.
Я также собираюсь добавить маршрутизатор. js, но в роутере. js, я не могу получить доступ к StatusBar, который является плагином Cordova