反应本机:如何在网格视图中划分五行



我正在网格视图中开发示例网格视图项目。我在网格视图中得到两行。但我想分三行显示

这是我的代码:

var CELLS_PER_ROW = 2;
 <GridView
            key={this.props.key}
           items={this.state.dataSource}
          itemsPerRow={CELLS_PER_ROW}
          renderItem={this.renderItem.bind(this)}
           style={{padding:15}}/>

只需为CELLS_PER_ROW分配所需的行数即可。这是代码

 `var CELLS_PER_ROW = 3; // number of rows you want
 <GridView
            key={this.props.key}
           items={this.state.dataSource}
          itemsPerRow={CELLS_PER_ROW}
          renderItem={this.renderItem.bind(this)}
           style={{padding:15}}/>`

希望它对你有用:-(。

相关内容

  • 没有找到相关文章