If you have to make your user wait for some time, this will save you!
A progress wheel that can work as a loading as well, make your user wait for something in your application in a better way!
- Checkout the example/ folder for use example.
- Good fit for loading situations
- Good fit for waiting timers like SMS confirmation, or timers.
- Smooth animations
- Highly customizable
- Very lightweight
Open a Terminal in the project root and run:
npm install react-native-waiting-wheel
OR
yarn add react-native-waiting-wheel
import React from "react";
import { View, Text } from "react-native";
import ProgressWheel from "react-native-waiting-wheel";
const App = () => {
return (
<View
style={{
flex: 1,
alignItems: "center",
justifyContent: "center",
paddingHorizontal: 16
}}
>
<View style={{ alignItems: "center" }}>
<Text style={{ marginBottom: 20 }}>Default with 3000ms</Text>
<ProgressWheel duration={10000} size={50} />
</View>
</View>
);
};
export default App;
Sets the size of the wheel.
Sets the background color of the wheel.
Sets the first color of wheel
Sets the time of the animation.