Nativescript中图像的线性渐变

我试图在图像上应用一个透明的线性渐变

我使用的是Angular 7.2.0，tns核心模块5.3.1

Html:

---

此代码适用于

IOS，但不适用于Android

这是事实，IOS支持多个层，因此将有一个单独的层来保持图像上方的背景渐变。对于Android，它只是背景，当你把图像放在上面时背景就不可见了

解决方案是使用图像上方的单独视图进行渐变

HTML

<GridLayout class="container">
    <Image src="https://mdn.mozillademos.org/files/15525/critters.png"></Image>
    <StackLayout class="gradient"></StackLayout>
</GridLayout>

---

谢谢你的回答。

.imgGrad{
    height:80;
    width:150;
    background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));
}

<GridLayout class="container">
    <Image src="https://mdn.mozillademos.org/files/15525/critters.png"></Image>
    <StackLayout class="gradient"></StackLayout>
</GridLayout>

.container {
    height:80;
    width:150;
}

.gradient {
    background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));
}