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

Question

我想在我的 WebView 中有圆角，但显然 borderRadius 指令在 Android

中被忽略了

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

有什么想法吗？

这是想要的结果：

Answer 1

我通过使用在视图层次结构上具有最高优先级的 cardview 解决了这个问题（我不知道他们正式称呼什么，我只是告诉你视图层次结构是有道理的）。

如果您知道 FAB 将如何放置在视图上。你可以理解这是如何工作的。有关更多信息，您需要深入研究这些 developing-hierarchy（这可能是一个错误的教程，但我只得到了这个）

解决方案

<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>

有关此插件的更多信息nativescript-cardview

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

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

NativeScript: WebView with rounded corners (Android Only)

webview

nativescript

nativescript-vue