Action Bar on iOS


#1

My actionbar on iOS by default it shows up like this
with the background color black, but i didm’t predefine it anywhere…

The code i have is the following:

My ios.css component:

ActionBar {
    background-color:  #007E92;
    color: white;
}

my html componente:

<FlexboxLayout flexDirection="column">
    <ActionBar fontSize="30" title="Pagamento" backgroundColor="transparent" color="white">
    </ActionBar>
    <StackLayout orientation="vertical" flexGrow="1" backgroundColor="transparent">
        <StackLayout marginLeft="20" marginRight="20">
            <Label text="Insira o código QR no POS" textWrap="true" marginTop="25" marginLeft="25"></Label>
            <Image id="img" class="qrCode"></Image>
        </StackLayout>
    </StackLayout>
    <FlexboxLayout>
        <BottomBar row="1" [items]="items" [hide]="hidden" [titleState]="titleState" (loaded)="tabLoaded($event)" (tabSelected)="tabSelected($event)"
            [inactiveColor]="inactiveColor" [accentColor]="accentColor" colored="true"></BottomBar>
    </FlexboxLayout>
</FlexboxLayout>

There are 3 css files, the common, the android and the iOS.

I dont have anything in my common css file related to the action bar. Only on my iOS file.

I also added this to my plataform.ios.css:

ActionBar {
    background-color:  #007E92;
    color: white;
}

But it keeps displaying the same page like before. with the accionar black


#2

Solved!
I forgot i had backgroundColor=“transparente” in the code.