如何在Nativescript中定位图像?

时间:2017-11-08 23:26:51

标签: nativescript

我有一个产品列表,附有缩略图和一些信息。

我用css制作封面图片:

background-image: url("res://image"); 
background-repeat:no-repeat;
background-size: cover;
background-position: center center;

但只有在图片库存在资源文件夹中时才有效。

如果我从JSON文件中获取图像,则css中的所有背景属性都不起作用。

我可以让图像更大但位置不起作用。

我需要将图像定位到从URL(在JS中)获得的中心

由于

1 个答案:

答案 0 :(得分:2)

我认为你可以使用布局的backgoundImage属性并将图像URL绑定到它而不是在CSS中提供它。

<GridLayout [backgroundImage]="product.thumbnailImagSrc"></GridLayout>