关于listview组建自动换行的问题



  • 我想让listview加载10个图片,在默认个主轴的情况下能完全显示,但是如果要横向并换行现实的话只能显示一行的图片。
    代码:
    render() {
    return (
    <ListView
    contentContainerStyle={styles.listViewStyle}
    dataSource={this.state.dSource}
    renderRow={this.renderRow}
    />
    );
    },
    样式:
    listViewStyle:{
    flexDirection:'row',
    flexWrap:'wrap',
    width: Dimensions.get('window').width,
    },
    显示结果:
    0_1471486859970_1DE44E33-8FA1-4302-AF7C-92412DC97E5D.png
    默认listview样式结果:
    0_1471486879298_QQ20160818-0.png


  • administrators

    横着显示必须让每一项指定宽度



  • @sunnylqm 这个宽度是包含图片加文字所构成的VIew组件的宽度么?
    我设置了:
    innerViewStyle:{
    width:cellWidth,
    height:cellWidth,
    marginLeft:vMargin,
    marginTop:hMargin,
    backgroundColor:'grey'
    },


登录后回复