如何使Action Bar完全不透明？

Question

我的Vuejs / native App的ActionBar并非100％不透明，我可以看到手机（iOS）的背景（电池，网络，时间...）。

我想通过添加深色背景徽标来个性化ActionBar。

这里是how it looks like so far （不带徽标，只有覆盖的部分）：！

我要么想使其完全不透明，以使我看不到App内的背景，要么要限制其高度，以便在使用App时可以完全看到手机顶部的背景信息。

我尝试从模板和样式更改不透明度，但是没有用。我还尝试更改高度，以设置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>