React native：如何在网格视图中划分五行？

Question

我正在网格视图中开发示例网格视图项目。我在网格视图中获得两行。但我希望显示三行

这是我的代码：

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}}/>

Answer 1

只需为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}}/>`

希望它适合你:-)。