列表项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函数或其他函数去渲染

如果需要渲染样式,可以用一些函数去渲染,比较方便,就不举例了

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容