React-Native native-base如何减少卡片项之间的间距?
问题描述:
render() {
return(
<Card style={{ padding: 0 }}>
<CardItem listItemPadding={0} header style=styles.Card}>
<Text style={styles.cardText}>
{this.props.library.title}
</Text>
</CardItem>
</Card>
);
}
文档说 listItemPadding 可以使用code>
,但它不起作用
我试图将填充更改为0但它也不起作用。
The docs say that listItemPadding
can be used but it's not working
I have tried to change the padding of to 0 but it's not working either.
答
试试这段代码:
render() {
return(
<View style={{ flex: 0,
elevation: 3,
shadowColor: "#000",
shadowOpacity: 0.1,
shadowOffset: { width: 0, height: 2 },
shadowRadius: 1.0,
marginVertical: 1,
borderRadius: 2,
marginHorizontal: 1,
margin: 0,
padding: 0,
borderWidth: 0, }}>
<CardItem listItemPadding={0} header style=styles.Card}>
<Text style={styles.cardText}>
{this.props.library.title}
</Text>
</CardItem>
</View>
);
}