Question

我试图在我的＆＃39; main-page.xml＆＃39;上设置背景图片。在我的NativeScript应用程序中。

我目前将Page id设置为＆＃34;注册＆＃34;，如<Page id="register">中所示，并尝试使用css设置样式。

在app.css中我放了：

#register {
    background-image: url("myImage.jpeg");
}

＆＃39; myImage＆＃39;图片位于＆＃39;应用程序中文件夹，我想我得到了正确的网址。

这不是你怎么做的？

Answer 1

使用css类 - 你有什么可以使用一些调整。之前有人提出过不同的要求，并应该有类似的工作：

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

https://stackoverflow.com/a/36501554

Answer 2

这是要在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;
    }

OR

对于背景图像的内联设置，

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

这应该工作！！：）

NativeScript：如何设置背景图像？

2 个答案: