FlatList有numColumns支持.如何用
SectionList设置numColumns?
这是我对SectionList的numColumns的解决方案.如果你有更好的请告诉我.
class Example extends Component { static propTypes = { numColumns: PropTypes.number }; static defaultProps = { numColumns: 2 }; _renderSection = data => <Section {...data} />; _renderItem = ({ section,index }) => { const { numColumns } = this.props; if (index % numColumns !== 0) return null; const items = []; for (let i = index; i < index + numColumns; i++) { if (i >= section.data.length) { break; } items.push(<Item item={section.data[i]} />); } return ( <View style={{ flexDirection: "row",justifyContent: "space-between" }} > {items} </View> ); }; render() { return ( <SectionList sections={dumyData} style={styles.container} renderItem={this._renderItem} renderSectionHeader={this._renderSection} /> ); } }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。