text: 
  /**
   * @providesModule CommonGroupListView
   */
  import React, {Component,PropTypes} from 'react'
  
  // 2.导入常用组件,注册组件,样式组件,View组件,Text组件
  import
  {
      AppRegistry,
      StyleSheet,
      Text,
      View,
      ListView
  
  }from 'react-native'
  /*
  * {
  *   s1:[],
  *   s2:[]
  * }
  *
  * */
  
  import CommonRowCell from 'CommonRowCell'
  
  export default class CommonGroupListView extends Component {
  
      static propTypes = {
          groups:PropTypes.array,
          groupListViewStyle:PropTypes.oneOfType([PropTypes.number,PropTypes.object]),
          imageStyle:PropTypes.oneOfType([PropTypes.number,PropTypes.object]),
          titleStyle:PropTypes.oneOfType([PropTypes.number,PropTypes.object]),
          subTitleStyle:PropTypes.oneOfType([PropTypes.number,PropTypes.object]),
          navigator:PropTypes.object,
  
          renderHeader:PropTypes.func,
          renderFooter:PropTypes.func,
      }
  
      constructor(props){
          super(props);
  
          // 初始化数据源
          var ds = new ListView.DataSource({
              rowHasChanged:(r1,r2)=>r1!=r2,
              sectionHeaderHasChanged:(s1,s2)=> s1 != s2
          });
  
          // 处理组模型数组
          var groups = this.props.groups;
  
          var sectionData = [];
  
          groups.forEach((groupItem,i)=>{
              sectionData.push(groupItem.rowsData);
          })
  
          // 设置数据
          ds = ds.cloneWithRowsAndSections(sectionData)
  
  
          this.state = {
              ds:ds
          }
  
      }
  
      render(){
  
          return (
              <ListView dataSource={this.state.ds}
                        renderRow={this._renderRow.bind(this)}
                        renderSectionHeader={this._renderSectionHeader.bind(this)}
                        style={this.props.groupListViewStyle}
                        renderHeader={this.props.renderHeader}
                        renderFooter={this.props.renderFooter}
              />
          )
  
      }
  
      _renderRow(rowData,sectioniD,rowID){
  
          return (
                  rowData.customData?<rowData.customCellType rowData={rowData} {...this.props}/>:<CommonRowCell rowData={rowData} {...this.props}/>
              )
      }
  
      _renderSectionHeader(sectionData, sectionID){
          // 获取组模型就好了
  
          var groupItem = this.props.groups[sectionID];
  
          return (
              <View style={{height:groupItem.sectionHeight}}></View>
          )
      }
  
  }
  
  
  // 4.样式表 组件外观 尺寸,颜色
  var styles = StyleSheet.create({
      viewStyle:{
          flex:1,
          justifyContent:'center',
          alignItems:'center'
      }
  })
  
  