React Native SectionList控件通过封装数据来实现gridView布局样式

SectionList是React Native在0.43版本推出的高性能分组列表组件，主要的功能有：支持水平布局，支持单独的头、尾部组件，自定义行间分割线，上拉、下拉刷新。

这篇文章主要描述通过封装数据源来实现宫格样式的布局，

1、初始化SectionList组件，数据源的封装稍后讲解

<SectionList style={
 {
 marginTop:64, backgroundColor:'#f2f2f2'}}
             renderItem={
 this.renderItem.bind(this)}  //渲染行
             renderSectionHeader={
 this.renderSectionHeader}  //行间分隔组件渲染
             keyExtractor={(item,index)=>("index"+index+item)}
             sections={
 this.state.responseData}  //数据源
             ListHeaderComponent={
 this.renderHeader.bind(this)}  //自定义头部组件渲染