react-native – React Native – SectionList numColumns支持
发布时间:2020-12-15 20:41:04 所属栏目:百科 来源:网络整理
导读:FlatList有numColumns支持.如何用 SectionList设置numColumns? Github问题:SectionList renderItem multi item support #13192 这是我对SectionList的numColumns的解决方案.如果你有更好的请告诉我. class Example extends Component { static propTypes =
FlatList有numColumns支持.如何用
SectionList设置numColumns?
Github问题:SectionList renderItem multi item support #13192
这是我对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} /> ); } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |