NativeScript:带圆角的WebView（仅限Android）

我希望在我的WebView中有圆角，但显然borderRadius指令在Android中被忽略了

<GridLayout rows="*">
     <WebView row="0" id="webView" borderRadius="20 20 0 0"/>
</GridLayout>

有什么想法吗

这是期望的结果：

---

我通过使用cardview解决了这个问题，cardview在视图层次结构上具有最高的优先权（我不知道他们的正式名称，我只是告诉您作为视图层次结构是有意义的）

如果您知道如何将

FAB

放置在视图上。你可以理解它是如何工作的。要了解更多信息，您需要深入了解这些（这可能是一个错误的教程，但我只得到了这个）

解决方案

<Page xmlns:Card="@nstudio/nativescript-cardview">
<StackLayout>

    <Card:CardView margin="10" radius="50">
        <StackLayout height="500">
            <WebView src="https://i.ytimg.com/vi/xRZB5KBLdOA/maxresdefault.jpg" />
        </StackLayout>
    </Card:CardView>

</StackLayout>
</Page>

有关此插件的更多信息

---

如果您在此处获得更多有关此共享的信息。

谢谢@Vikas，我更新了问题，以更好地解释我想要实现的目标：webview本身应该具有圆角。使用您的解决方案，我得到了一个在webview周围具有圆角的容器（这在webview周围添加了我不想要的边距）。这就是我从你的解决方案中得到的：@Kue为什么你不能删除边距。我只是为了视觉上的吸引力才加的！只需删除它或添加负边距即可。因为如果删除边距，GridLayout上的边界半径将消失，因此没有圆角。我签入了iOS：我在问题中编写的代码有效（在webview元素上设置borderRadius）。Android可能存在一些问题，正如您在stackoverflow（例如：）中的一些线程中所看到的，但我不知道如何在中解决这个问题NativeScript@Kue我正在研究这个问题。一旦我拿到了，我会update@Kue嘿，伙计！我已经更新了一个解决方案。看一看它，如果它工作的马克作为答案。