javascript – 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但它不起作用
我试图将填充更改为0,但它也没有工作.
解决方法:
试试这段代码:
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>
);
}
标签:javascript,react-native,react-native-android 来源: https://codeday.me/bug/20190710/1426289.html