Javascript NativeScript:如何设置背景图像?

Javascript NativeScript:如何设置背景图像?,javascript,css,nativescript,Javascript,Css,Nativescript,我正在尝试在我的NativeScript应用程序的“main page.xml”上设置背景图像 我目前将页面id设置为“register”,如中所示,并尝试使用css设置其样式 在app.css中,我放了: #register { background-image: url("myImage.jpeg"); } “myImage”图像位于“app”文件夹中,我想我的url是对的 这不是你做这件事的方式吗?使用css类-你所拥有的可以通过一些调整来工作。这一点以前曾被提出过不同的要求,应

我正在尝试在我的NativeScript应用程序的“main page.xml”上设置背景图像

我目前将页面id设置为“register”,如
中所示,并尝试使用css设置其样式

在app.css中,我放了:

#register {
    background-image: url("myImage.jpeg");
}
“myImage”图像位于“app”文件夹中,我想我的url是对的


这不是你做这件事的方式吗?

使用css类-你所拥有的可以通过一些调整来工作。这一点以前曾被提出过不同的要求,应该同样适用:


.封面图片{
背景图像:~/images/kiss.jpg;
背景重复:无重复;
背景位置:中心;
背景尺寸:封面;
}

  • 如果您正在css/scss文件中设置背景,

  • 对于背景图像的内联设置,

-------
-------
这应该有用!!:)


    #register{
        background-image: url('~/images/myImage.jpeg');
        // this is to stretch the image and show without repetition.
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    <StackLayout backgroundImage="~/images/myImage.jpeg" >
    -------
    -------
    </StackLayout>