https://github.com/kis/react-native-air-progress-bar

✈️ 🚀 React native progress-bar, give your progress-bar some brand style
https://github.com/kis/react-native-air-progress-bar

animations brand-assets branding component ios ios-animation ios-ui progress-animation progress-bar progress-view progressbar react-native react-native-component react-native-elements ui-components

Last synced: 2 months ago
JSON representation

✈️ 🚀 React native progress-bar, give your progress-bar some brand style

• Host: GitHub
• URL: https://github.com/kis/react-native-air-progress-bar
• Owner: kis
• License: mit
• Created: 2017-09-18T13:04:22.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-07-10T06:26:18.000Z (over 1 year ago)
• Last Synced: 2024-10-30T02:35:51.410Z (2 months ago)
• Topics: animations, brand-assets, branding, component, ios, ios-animation, ios-ui, progress-animation, progress-bar, progress-view, progressbar, react-native, react-native-component, react-native-elements, ui-components
• Language: Objective-C
• Homepage:
• Size: 881 KB
• Stars: 60
• Watchers: 3
• Forks: 5
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-react-native - react-native-air-progress-bar ★44 - React Native progress-bar component, customizable and animated (Components / UI)
• awesome-reactnative-ui - react-native-air-progress-bar - bar, give your progress-bar some brand style|<ul><li>Last updated : This week</li><li>Stars : 48</li><li>Open issues : 1</li></ul>|| (Others)
• awesome-react-native - react-native-air-progress-bar ★44 - React Native progress-bar component, customizable and animated (Components / UI)
• awesome-react-native - react-native-air-progress-bar ★44 - React Native progress-bar component, customizable and animated (Components / UI)
• awesome-reactnative-ui - react-native-air-progress-bar - bar, give your progress-bar some brand style|<ul><li>Last updated : This week</li><li>Stars : 48</li><li>Open issues : 1</li></ul>|| (Others)
• awesome-react-native - react-native-air-progress-bar ★44 - React Native progress-bar component, customizable and animated (Components / UI)

README

        


React Native Air Progress Bar


Pretty customizable and animated progress-bar component for React Native.




	

	

	

	






We often need to customize our mobile application according to our brand style needs. The easiest solution is to grab some UI kit, make some fast customizations, add custom styling etc. But some components is hard for customizing. I mean progress-bars, you know. So this is react-native progress-bar component, which could be useful when you need to customize default progress-bar with different icons of current progress.
 

This feature could be really killer in you mobile application brand style. You could use icons from react-native-vector-icons repo or even your own. Currently you have plane icon by default. Also cool thing is that you have animation from initial progress to the current progress value. So progress bar could be determinate or indeterminate. Useful when you need the progress indicator for some step by step activities.
 

Project uses React Native Animated API. Each time you update props, you will see the animation of progress-bar. The project is in search for contributors.


The source for this module is in the main repo.




Install


```

npm install react-native-air-progress-bar --save

```

Usage


```javascript

import ProgressBar from 'react-native-air-progress-bar';

```

License


The MIT License (MIT) Copyright (c) 2017