Как сделать Action Bar полностью непрозрачным?

Question

ActionBar моего приложения Vuejs / native не является непрозрачным на 100%, и я вижу фон телефона (iOS) (батарея, сеть, время ...).

Я хотел персонализировать ActionBar, добавив логотип с темным фоном.

Вот как это выглядит до сих пор (без логотипа, только наложенная часть):!

Я хочу сделать его полностью непрозрачным, чтобы не видеть фон изнутри приложения, или ограничить его высоту, чтобы фоновая информация о телефоне была полностью видна при использовании приложения.

Я пытался изменить прозрачность как шаблона, так и стиля, но это не сработало.Я также пытался изменить высоту, установить flat="true" и даже dark="true".

<ActionBar>

<Image src="https://myimage.com/image.png" width="1500" height="100" flat="true" dark="true" verticalAlignment="center" />

</ActionBar>

...

<style scoped>
ActionBar {
    background-color: black;
    opacity: 1;
}

</style>