关于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_1471486362901_1DE44E33-8FA1-4302-AF7C-92412DC97E5D.png
    默认listview样式结果:
    0_1471486457786_QQ20160818-0.png



  • 你好,你的问题解决了吗?



  • toolContainer: {
            flex: 1,
            flexWrap: 'wrap',
            flexDirection: 'row',
            alignItems: 'center',
            width: window.width,
            height: (window.width - 30) / 2,
            backgroundColor: 'white',
        }
    

    我会这么用的,感觉 flex 设置必须要设置高度,而且你的高度最好能够适当的改变才能够解决换行后不显示的问题


登录后回复