css - 从底部修剪的 FlatList 的最后一项
问题描述
我正在显示一个带有可变数量项目的 FlatList,最后一个项目总是不完全可见(边框底部)。
使成为()
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 而不是 containsContainerStyle。您必须根据物品的大小增加它。
<FlatList contentContainerStyle={{ paddingBottom: 20}} />
推荐阅读
- python - 检索 AttributeError 的问题:“元组”对象在绘制 3d 图形时没有属性“ndim”
- netlogo - 是否可以在每次迭代后报告我的一些记者,并在 NetLogo 的整个运行结束时通过 BehaviourSpace 报告一些?
- java - 签名算法的算法约束检查失败:SHA256WithRSAEncryption
- javascript - Javascript Ajax Uncaught (in promise) undefined
- node.js - 对象不是通用的(google-maps-react)
- android - 如何仅在应用程序关闭时运行 workmanager Task?
- python - 如何修复在其边界之外按下的 Kivy 按钮?
- swift - 如何引用自定义 NSObject 中的字段?
- gradle - Why is this a receiver type mismatch when it seems to match what I see in the Gradle docs?
- javascript - 如何覆盖对象获取回退