Nativescript如何溢出隐藏的孩子

Question

我正在尝试创建一个使用边框半径来包装它的子项的布局，但是我无法在包含边框半径的父项中隐藏子项内容。

在网络上，它将使用overflow: hidden完成，但是在NativeScript上我无法执行此操作，这是我的css：

.card {
    border-radius: 10;
    border-color: blue;
    border-width: 1;
    margin-bottom: 16;
    overflow: hidden;
}

<StackLayout *ngFor="let item of petLista" class="card">
    <StackLayout class="card_image"></StackLayout>
    <StackLayout class="card_info">
        // ... more content here
    </StackLayout>
</StackLayout>

但是在运行应用程序时，结果如下：

我需要做什么才能将父级内容包装在半径之内？

Answer 1

您可能想尝试在clipToBounds

类的父容器上将card设置为true

https://docs.nativescript.org/api-reference/classes/_ui_layouts_layout_.layout.html#cliptobounds