Nativescript如何溢出隐藏子对象
我试图创建一个使用边界半径包装其子级的布局,但无法在包含边界半径的父级中隐藏子级内容 在web上可以使用Nativescript如何溢出隐藏子对象,nativescript,angular2-nativescript,Nativescript,Angular2 Nativescript,我试图创建一个使用边界半径包装其子级的布局,但无法在包含边界半径的父级中隐藏子级内容 在web上可以使用overflow:hidden,但是在NativeScript上我不能这样做,这是我的css: .card { border-radius: 10; border-color: blue; border-width: 1; margin-bottom: 16; overflow: hidden; } <StackLayout *ngFor="le
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>
.card{
边界半径:10;
边框颜色:蓝色;
边界宽度:1;
保证金底价:16;
溢出:隐藏;
}
// ... 这里有更多内容
但运行应用程序时,结果如下:
我需要做什么才能将内容包装在父容器中,以遵循半径?您可能需要尝试将
clipToBounds
设置为在具有卡类的父容器上等于true
您可能希望尝试将
clipToBounds
设置为在类为card
它不起作用。我正在android上测试它。知道为什么吗?你收到错误或其他信息了吗?或者,可以尝试将其放在子元素上?不,完全没有错误。我也试着把它放在孩子们身上,但也没有效果。我可能建议你错了,可能是clipToBounds错误,它不起作用,在iOS中,当你使用border radius时,子元素不会从容器溢出,但在android中它会溢出,无论你在带有border radius的元素中使用clipToBounds=“true”,它都不起作用。我正在android上测试它。知道为什么吗?你收到错误或其他信息了吗?或者,可以尝试将其放在子元素上?不,完全没有错误。我也试着把它放在孩子们身上,但也没有效果。我可能建议你错了,可能是clipToBounds错误,它不起作用,在iOS中,当你使用border radius时,子元素不会从容器溢出,但在android中,它会溢出,不管你是否使用clipToBounds=“true”在边界半径为的元素中找到了解决方案?找到了解决方案吗?