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