十、ListView 基本使用(一)

159 阅读1分钟
// ListView
var ListViewClass = React.createClass({
  getInitialState() {
    // 1.设置数据源
    var  ds = new  ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); // 当且仅当任意两行的数据数据源不通才创建

    // 2.设置返回数据
    return {
      dataSource: ds.cloneWithRows(['row1','row2','ROW3'])
    }
  },

  render() {
    return(
        <ListView
            dataSource={this.state.dataSource}
            renderRow={this.renderRow}
        />
    );
  },

  // 返回具体的cell
  renderRow(rowData,sectionID,rowID, heightlightRow) {
    return(
        <View>
          <Text>{rowData}</Text>
        </View>
    );
  }

});