1.0.0 • Published 7 years ago
react-native-loadview v1.0.0
react-native-loadview
基于React Native实现的界面加载组件,
Installation
npm install react-native-loadview --saveImport into your project
import LoadView from 'react-native-loadview';Examle useage
用于界面数据处理load状态展示,目前支持两种gif加载方式
<LoadView style={Styles.loadView} visible={this.props.showIndicator} gif='triangles' /><WebView
source={{ uri: url }}
onShouldStartLoadWithRequest={e => this.onShouldStartLoadWithRequest(e)}
startInLoadingState
onError={e => this.onError(e)}
renderLoading={() => <LoadView/>}
renderError={() => this.renderError()}
onNavigationStateChange={e => this.onNavigationStateChange(e)}
/>Properties
| 属性 | 描述 | 类型 | 默认 |
|---|---|---|---|
| iconSize | gif大小 | PropTypes.number | 40 |
| message | 加载文本 | PropTypes.string | |
| visible | 是否显示 | PropTypes.bool | true |
| gif | gif名称 | PropTypes.oneOf(["spinner", "triangles"]) | 'spinner' |
1.0.0
7 years ago