列表项sectionlist
在做APP时,我们经常会用到列表项,通常用的最多的flatlist,但在用于一些不同组别的列表时会需要用到多个flatlist,如果我们用sectionlist时就可以很好的区分不同组内的不同列表,类似于分类。
在做设置页面时,会有不同数量的列表块分开放置,但是样式又一样,所以就想到用sectionlist去区分它。
使用方式:
<SectionList
keyExtractor={this._keyExtractor}
renderItem={this._renderItem}
sections={sections}
renderSectionHeader={() =>}
>
数据源:
var sections = [
{key:"1",data:[{title: "我的签到" ,icon:"qiandao"}, { title: "我的礼物",icon:"liwu" }, { title: "我的喜欢",icon:"03xihuan" }] },
{ key: "2", data: [{ title: "分享",icon:"fenxiang1" }, { title: "帮助与反馈" ,icon:"svg37"}, { title: "设置",icon:"shezhi" }] },
];
如果在不同的类需要表明所属的类,就可以用rendsectionheader函数或其他函数去渲染
如果需要渲染样式,可以用一些函数去渲染,比较方便,就不举例了
这个人暂时没有 freestyle