NativeScript.Как создать пользовательскую панель действий с изображением png?

Question

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

Но, как вы можете видеть,на свитке он показывает белый прямоугольный фон вместо прозрачного, как я могу добиться этого, используя макет Nativescript?

Это то, что я делаю:

<GridLayout rows="100,*">
        <app-header row="0"></app-header> //This app header it's the custom component that holds just an image tag with the source.
        
        <ScrollView row="1" orientation="vertical" class="page">
               //Scrolling content...
        </ScrollView>
</GridLayout>
       
    

Answer 1

Вы можете использовать цвет с альфой для ActionBar. Если вы используете прозрачность непрозрачности для ActionBar, это повлияет и на детей.app.css

ActionBar{
    background-color: rgba(255, 0, 0, 0.0);
}