react native listview 实现下拉刷新(RefreshControl)

来源:互联网 发布:免费横道图绘制软件 编辑:程序博客网 时间:2024/06/08 06:39

刷新前

刷新后

清空数组 arr.splice(0,arr.length
)

代码如下 

<ListView    refreshControl={        <RefreshControl            refreshing={this.state.refreshing}            onRefresh={this._onRefresh}        />    }    initialListSize={5}    dataSource={this.state.dataSource}    renderRow={this._renderRow}/>
_onRefresh() {    this.setState({refreshing: true});    setTimeout(()=>{        array.push('row 8');        THUMB_URLS.splice(0,THUMB_URLS.length);        THUMB_URLS.push(require('./8.jpg'));        this.setState({refreshing: false,            dataSource:ds.cloneWithRows(array)});    },2000)}


0 0