FlatList设置numColumns>2时最后一行显示
作者:
黎峰麟 | 来源:发表于
2018-06-13 13:48 被阅读64次FlatList设置numColumns>2时列表最后一行除第一个itme外
其余itme平分宽度的问题(例如numColumns=3,data.len = 5)
进入node_modules ->react-native ->Libraries ->Lists ->ListView ->FlatList.js
590 行左右 获取屏幕宽度 根据计算每一行的个数 为View设置一个宽度
var viewW = width / numColumns * info.item.length;
_renderItem = (info: Object) => {
const {renderItem, numColumns, columnWrapperStyle} = this.props;
if (numColumns > 1) {
var viewW = width / numColumns * info.item.length;
// console.log('XXXXX----------------------',width,info.item.length,numColumns);
...
return (
<View style={[{flexDirection: 'row',width:viewW},columnWrapperStyle]}>
...
</View>
本文标题:FlatList设置numColumns>2时最后一行显示
本文链接:https://www.haomeiwen.com/subject/tesjeftx.html
网友评论