Crear opacidad en una imagen de fondo en nativescript

Para crear una imagen de fondo con nativescript a falta de otros recursos yo lo he hecho de esta manera:

1º- En la etiqueta page, pero puede ser en cualquier etiqueta que vaya de cabecera en la página, pues introducimos el background-image: url ("ejemplo.jpg"), con background-size: cover, y después viene la raiz del problema, entonces creamos una etiqueta que envase el resto de la página por ejemplo un GridLayout y establecemos el color de fondo con rgba, background-color: rgba(255, 249, 192, 0.7) por ejemplo y ya esta, ya tenemos nuestra imagen de fondo
la opacidad creada.

Aquí os dejo un código de ejemplo que yo he utilizado:

CSS:

page {background-image: url("~/images/pixabay_motocross.jpg"); background-size: cover;}

GridLayout {

background-color: rgba(255, 249, 192, 0.7);

}

HTML:

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page" tintColor="yellow">

<GridLayout rows="*,80">

<ScrollView row="0">

<FlexboxLayout id="teledeporte" flexDirection="column">

<FlexboxLayout flexDirection="column">

<Label text="Introducir deporte" ></Label>

<textField hint="introducir" autocorrect="false" autocapitalizationType="none" [(ngModel)]="Ideporte">

</textField>

<Label text='Has elegido: {{Ideporte}}'></Label>

<Button text="enter" (tap)="enter()" class="enter"></Button>

</FlexboxLayout>

<FlexboxLayout flexDirection="column">

<Label text="Eliminar deporte" ></Label>

<textField hint="introducir" autocorrect="false" autocapitalizationType="none" [(ngModel)]="Rdeporte">

</textField>

<Label text='Vas a eliminar: {{Rdeporte}}'></Label>

<Button text="delete" (tap)="delete()" class="delete"></Button>

</FlexboxLayout>

<Button text="Consultar" (tap)="loadFile()" class="consultar"></Button><br>

<FlexboxLayout flexDirection="column">

<StackLayout *ngFor="let item of str">

<Label [text]="item" textWrap="true"></Label><br/>

</StackLayout>

</FlexboxLayout>

</FlexboxLayout>

</ScrollView>

<StackLayout row="1" orientation="horizontal">

<Button text="< BACK" (tap)="goBack()" class="back"></Button>

</StackLayout>

</GridLayout>

</Page>

Espero que le pueda servir de ayuda a alguien.