Components > Progress Bar

Progress bar indicator of React Native Starter AI can easily be used in various UX flows such as onboarding. It is an easy indicator of where the user is at and informs user about the progress about his/her actions.

Progress Bar Component

React Native Starter AI's custom progress bar component is designed to be used in variuos places in any mobile application. It informs users about where they are with their actions in the app.

The usage of the progress bar is pretty easy.

/components/onboarding/onboarding-1.tsx

import RNDotProgress from "components/base/RNDotProgress/RNDotProgress";

<RNDotProgress
  activeStep={1}
  totalSteps={3}
  containerStyle={{ marginBottom: 15 }}
/>