点击每一行后会在Xcode控制台里打印.
index.ios.js
/**
* 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);