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

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