React-native学习-20 - SectionList

最新推荐文章于 2021-10-30 16:01:47 发布

hopetomorrow

最新推荐文章于 2021-10-30 16:01:47 发布

阅读量161

点赞数

文章标签： react native

本文链接：https://blog.csdn.net/hopetomorrow/article/details/108593018

版权

最简单的用法。可以参考这个https://reactnative.cn/docs/sectionlist

下面我这边用的最简单的用法：

<SectionList
    sections={[
    { title: '优品捡漏', data: [...this.state.mYunJiInfosTops] },
    { title: '11111', data: [...this.state.mYunJiInfos] },
    ]}
    renderItem={this._yunJiRenderItem}
    renderSectionHeader={({ section }) => <Text>{section.title}</Text>}
    //onEndReachedThreshold={0.1}
    //keyExtractor={item => item.id}
    //refreshing={this.state.mYunJiRefreshing}
    //onRefresh={this._yunJiHandleRefresh}
    //onEndReached={this._yunJiLoadMore}
    //horizontal={true}
/>

sections：数据源

renderItem：渲染每项的组件

renderSectionHeader：在每个 section 的头部渲染

虽然这次没有用上，但是也是简单的了解了一下。自己做个笔记