В Ionic 3 я использую выбор Intro.js для реализации туров для новых пользователей.Но когда я использую симулятор iOS и устройство для проверки результата, div с классом 'introjs-overlay' становится черным (см. Фото ниже).
Я пробовал множество решений, таких как 1. Проверка с консоли Chromeизменить стиль CSS.2. Опрос с форума GitHub и Stackoverflow
Но он все еще не работает
В home.html
<ion-content center padding>
<p id="step1">First Step</p>
</ion-content>
В home.ts
constructor(public navCtrl: NavController,
....) {
}
ionViewDidEnter(){
this.intro();
}
intro() {
let intro = introJs.introJs();
intro.setOptions({
steps: [
{
intro: "Hello world!"
},
{
element: '#step1',
intro: "This is a tooltip.",
position: 'bottom'
}
],
});
intro.start();
}
Первая картинка такая же, потому что этот шаг не привязан ни к какому элементу html.
В устройстве Android результат выглядит примерно так:
Но в iOS Device результат примерно такой: