- Notifications
You must be signed in to change notification settings - Fork2
⛹️♀️⛹️♂️ Like animation LoadingIndicator with frame by frame view in React-Native
License
NotificationsYou must be signed in to change notification settings
heyman333/react-native-frame-loading
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
yarn add react-native-frame-loading# or npm install react-native-frame-loading --save
| props | default | type | description |
|---|---|---|---|
| animating | false | bool | Determines wheter the loading indicator shows or not |
| views | [] | array | Specific views that will be shown frame by frame |
| duration | 450 | number | Determines how long a frame lasts |
| modalProps | {} | object | originalModal component props |
| loadingContainerStyle | flex: 1, "center" | object | style object of floating view container |
importFrameLoadingfrom"react-native-frame-loading"importIconfrom"react-native-vector-icons/FontAwesome"constVIEWS=[<Viewkey={1}><Iconname="arrow-up"size={50}/></View>,<Viewkey={2}><Iconname="arrow-right"size={50}/></View>...]render(){return(<Viewstyle={styles.container}><ButtononPress={this._fetchSomeData}title="show animation"/>\<FrameLoadinganimating={this.state.loading}views={VIEWS}duration={250}modalProps={{transparent:true}}loadingContainerStyle={{justifyContent:"center",alignItems:"center",flex:1,backgroundColor:"rgba(49,49,49,0.4)"}}/></View>)}}
About
⛹️♀️⛹️♂️ Like animation LoadingIndicator with frame by frame view in React-Native
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
No packages published
Uh oh!
There was an error while loading.Please reload this page.