学习调试app端样式碰到raidiusTopLeft不生效的问题 发现是因为 为<Image>属性加raidiusTopLeft的同时 加了margin属性导致的
解决办法是:包裹一层View,并把raidiusTopLeft和margin拿到View层。
<
View
style=
{
styles.
cardbox
}
>
<
Image
style=
{
styles.
card
}
source=
{{
uri:
img1 }
}
/>
</
View
>
const
styles =
StyleSheet.
create({
cardbox: {
marginTop:
26,
marginLeft:
20,
marginRight:
20,
borderTopLeftRadius:
8,
borderTopRightRadius:
8,
overflow:
"hidden"
},
card: {
height:
154
}
});