Nativescript background-image fullscreen

nativescript
Pamungkas Jayuda picture Pamungkas Jayuda · Apr 8, 2016 · Viewed 19.9k times · Source

I want to create app in Nativescript with fullscreen image on page. I have to use background-image: url('~/images/background.jpg');. But how to make it full screen. Thanks for your help

Answer

Brad Martin picture Brad Martin · Apr 8, 2016

You need to use the NativeScript supported CSS properties to achieve this.

I've used the following CSS on a background-image attached to the <Page> view before and it works fine.

.coverImage {
    background-image: url('~/images/kiss.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

Related questions

repositories.cfg could not be loaded in Windows 10

while installing native-script i got repositories.cfg could not be loaded error , please help me debugging it. It would help me if you can give the way to download the file externally. The code i used was..... @powershell -NoProfile -ExecutionPolicy …

Read More
Difference between Xamarin and Telerik's native script

Xamarin Write the model in C# Write the views for each OS in their own native way Xamarin promises that the new functionality in libraries is added the same day Telerik Native script Write in javascript and call native script's …

Read More
Attempted to assign to readonly property even though same command works elsewhere?

I have a Javascript function (in an Angular 2 NativeScript based mobile app) which is triggered on a button press, it should hide the button and show an activity indicator in its place, carry out a Bluetooth scan, which when completed …

Read More