Я создаю прогрессивное веб-приложение на Ioni c, которое хочу добавить на рабочий стол и изменить цвет фона и цвет текста в строке состояния iOS.
Что Я сделал
Я установил: "@ionic-native/status-bar": "^5.0.0"
В индексе. html Я определил:
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="default"/>
И в app.component.ts :
this.platform.ready().then(() => {
this.statusBar.styleDefault();
this.splashScreen.hide();
});
Проблема здесь в том, что строка состояния будет черной, поскольку мой iPhone находится в темном режиме. Я хотел бы, чтобы фон строки состояния всегда был белым, а цвет текста - черным, независимо от того, нахожусь ли я в темном режиме или нет.
Я уже много чего пробовал, но ни один из они работали:
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-status-bar-style" content="translucent"/>
this.platform.ready().then(() => {
this.statusBar.overlaysWebView(false);
this.statusBar.backgroundColorByName('white');
this.splashScreen.hide();
});
1-й и 2-й вариант выше просто поместили фон строки состояния И цвет текста в белый цвет (который означает, что вы вообще не видите строку состояния), а третий вариант ничего не изменил (фон все еще черный).