美文网首页
FlatList设置numColumns>2时最后一行显示

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