我們知道App中都有下拉加載,在React Native中也有類似的控件
一、屬性方法
(1) onRefresh function 在視圖開始刷新的時(shí)候調(diào)用
(2) refreshing bool 視圖是否在刷新時(shí)顯示指示器,也表明當(dāng)前是否在刷新中
(3) colors [ColorPropType] android平臺(tái)適用 進(jìn)行設(shè)置加載進(jìn)去指示器的顏色,至少設(shè)置一種,最多可以設(shè)置4種
(4) enabled bool android平臺(tái)適用 用來設(shè)置下拉刷新功能是否可用
(5) progressBackgroundColor ColorPropType 設(shè)置加載進(jìn)度指示器的背景顏色
(6) size RefreshLayoutConsts.SIZE.DEFAULT android平臺(tái)適用 加載進(jìn)度指示器的尺寸大小
(7) tintColor ColorPropType iOS平臺(tái)適用 設(shè)置加載進(jìn)度指示器的顏色
(8)title string iOS平臺(tái)適用 設(shè)置加載進(jìn)度指示器下面的標(biāo)題文本信息
二、使用方法
<ScrollView refreshControl={ <RefreshControl refreshing={this.state.isRefreshing} onRefresh={this._onRefresh} tintColor="#ff0000" titleColor="#00ff00" colors={['#ff0000', '#00ff00', '#0000ff']} progressBackgroundColor="#ffff00" /> }/> _onRefresh() { this.setState({ isRefreshing:true }); var self = this; setTimeout(()=>{ //加載數(shù)據(jù) },2000)}這樣就出現(xiàn)加載效果了
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持VeVb武林網(wǎng)。
新聞熱點(diǎn)
疑難解答