[Wondgirl]从零开始学React Native之ListView(八)

/**
* Sample React Native App
* https://github.com/facebook/react-native * @flow
*/

import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
ListView,
View,
Text
} from 'react-native';

export default class demo extends Component {

//构造器(数据源)
constructor(props)
{
super(props);
var ds = new ListView.DataSource({rowHasChanged:(r1,r2)=>r1!==r2});
this.state = {
dataSource:ds.cloneWithRows(['row 1','row 2','row 3'])
};
}
render() {
return (
<View style={{margin:30}}>

<ListView
dataSource={this.state.dataSource}
renderRow={
(rowData) =>
<View style={styles.item} >
<Text onPress = {this.onPress.bind(this,{rowData})} >
{rowData}
</Text>
</View>
}/>
</View>
);
}
onPress(text){
console.info(text.rowData);
}
}

//样式
const styles = StyleSheet.create({
item:{

height:20,
borderBottomWidth:1,
borderBottomColor:'#ddd'

}

});

AppRegistry.registerComponent('demo', () => demo);