React Native ListView 长按删除

项目中React NativeListView的长按删除功能分享(基于ES5):

/**

* Sample React Native App

* https://github.com/facebook/react-native

* @flow

*/

importReact, {Component} from'react';

import{

AppRegistry,

StyleSheet,

Text,

View,

ListView,

TouchableOpacity

} from'react-native';

vards =newListView.DataSource({

rowHasChanged: (r1, r2) => {

r1 !== r2

}

});

varrows = ['row 1','row 2','row 3','row 4','row 5','row 6'];

varXXX = React.createClass({

getInitialState() {

return{

dataSource: ds.cloneWithRows(rows),

};

},

_deleteRow(rowID) {

deleterows[rowID];

this.setState({dataSource: ds.cloneWithRows(rows)})

},

renderRow(rowData, sectionID, rowID) {

returnthis._deleteRow(rowID)}

style={{height: 60, flex: 1, borderBottomWidth: 1}}>

{rowData}

},

render() {

return(

dataSource={this.state.dataSource}

renderRow={this.renderRow}

/>

);

}

});

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

本文原创地址:http://blog.csdn.net/chichengjunma/article/details/53331160

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容