### Project Setup and Development Commands

Source: https://github.com/24ark/react-native-step-indicator/blob/master/CONTRIBUTING.md

Commands for bootstrapping the project, starting the example app's packager, and running the example app on different platforms (Android, iOS, Web).

```sh
yarn bootstrap
yarn example start
yarn example android
yarn example ios
yarn example web
```

--------------------------------

### Project Setup and Execution

Source: https://github.com/24ark/react-native-step-indicator/blob/master/README.md

Commands to set up the project dependencies and run the example application on iOS or Android.

```sh
$ yarn
$ yarn example ios   // For ios
$ yarn example android   // For Android
```

--------------------------------

### Installation

Source: https://github.com/24ark/react-native-step-indicator/blob/master/README.md

Installs the react-native-step-indicator package using either npm or yarn.

```npm
npm install react-native-step-indicator --save
```

```yarn
yarn add react-native-step-indicator
```

--------------------------------

### Usage Example

Source: https://github.com/24ark/react-native-step-indicator/blob/master/README.md

Demonstrates how to use the StepIndicator component in a React Native application, including setting labels, custom styles, and handling step changes.

```javascript
import StepIndicator from 'react-native-step-indicator';

const labels = ["Cart","Delivery Address","Order Summary","Payment Method","Track"];
const customStyles = {
  stepIndicatorSize: 25,
  currentStepIndicatorSize:30,
  separatorStrokeWidth: 2,
  currentStepStrokeWidth: 3,
  stepStrokeCurrentColor: '#fe7013',
  stepStrokeWidth: 3,
  stepStrokeFinishedColor: '#fe7013',
  stepStrokeUnFinishedColor: '#aaaaaa',
  separatorFinishedColor: '#fe7013',
  separatorUnFinishedColor: '#aaaaaa',
  stepIndicatorFinishedColor: '#fe7013',
  stepIndicatorUnFinishedColor: '#ffffff',
  stepIndicatorCurrentColor: '#ffffff',
  stepIndicatorLabelFontSize: 13,
  currentStepIndicatorLabelFontSize: 13,
  stepIndicatorLabelCurrentColor: '#fe7013',
  stepIndicatorLabelFinishedColor: '#ffffff',
  stepIndicatorLabelUnFinishedColor: '#aaaaaa',
  labelColor: '#999999',
  labelSize: 13,
  currentStepLabelColor: '#fe7013'
}


constructor() {
    this.state = {
        currentPosition: 0
    }
}

render() {
  return (
    <StepIndicator
         customStyles={customStyles}
         currentPosition={this.state.currentPosition}
         labels={labels}
    />
  )
}

onPageChange(position){
    this.setState({currentPosition: position});
}
//...
```

--------------------------------

### Conventional Commits Specification

Source: https://github.com/24ark/react-native-step-indicator/blob/master/CONTRIBUTING.md

Defines the types of commit messages used in the project, following the Conventional Commits specification. Includes examples for each type.

```javascript
fix: bug fixes, e.g. fix crash due to deprecated method.
feat: new features, e.g. add new method to the module.
refactor: code refactor, e.g. migrate from class components to hooks.
docs: changes into documentation, e.g. add usage example for the module..
test: adding or updating tests, eg add integration tests using detox.
chore: tooling changes, e.g. change CI config.
```

--------------------------------

### Code Quality and Testing

Source: https://github.com/24ark/react-native-step-indicator/blob/master/CONTRIBUTING.md

Commands to verify code quality using TypeScript and ESLint, and to run unit tests using Jest. Includes a command to automatically fix linting errors.

```sh
yarn typescript
yarn lint
yarn lint --fix
yarn test
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.