我正在显示带有可变项目数的FlatList,并且最后一个项目始终不完全可见(边框底部)。
render()
render() {
return (
<View style={styles.container}>
<FlatList style={styles.list} containContainerStyle={{paddingBottom: 20}}
...
/>
</View>
);
}
CSS
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'white'
},
list: {
flex: 1,
width: "95%"
}
您为平面列表使用了错误的样式属性,它是contentContainerStyle而不包含containerStyle。您将不得不根据商品的大小来增加它。
<FlatList contentContainerStyle={{ paddingBottom: 20}} />