### Start React Native Metro Bundler

Source: https://github.com/oblador/react-native-progress/blob/master/Example/README.md

Commands to start the Metro JavaScript bundler that ships with React Native, essential for bundling your application's code. This can be done using either npm or Yarn.

```bash
# using npm
npm start

# OR using Yarn
yarn start
```

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

### Run React Native iOS Application

Source: https://github.com/oblador/react-native-progress/blob/master/Example/README.md

Commands to launch the React Native application on an iOS simulator or device. Ensure the Metro Bundler is already running in a separate terminal. This can be executed using either npm or Yarn.

```bash
# using npm
npm run ios

# OR using Yarn
yarn ios
```

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

### Run React Native Android Application

Source: https://github.com/oblador/react-native-progress/blob/master/Example/README.md

Commands to launch the React Native application on an Android emulator or device. Ensure the Metro Bundler is already running in a separate terminal. This can be executed using either npm or Yarn.

```bash
# using npm
npm run android

# OR using Yarn
yarn android
```

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

### Install react-native-progress via npm

Source: https://github.com/oblador/react-native-progress/blob/master/README.md

Instructions to install the react-native-progress library using npm. This command adds the package as a dependency to your project, allowing you to import and use its components.

```bash
$ npm install react-native-progress --save
```

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

### Basic Usage of React Native Progress Components

Source: https://github.com/oblador/react-native-progress/blob/master/README.md

Demonstrates how to import and use various progress components like Bar, Pie, Circle, and CircleSnail from the react-native-progress library. Examples show setting progress values, sizes, indeterminate states, and custom colors.

```javascript
import * as Progress from 'react-native-progress';

<Progress.Bar progress={0.3} width={200} />
<Progress.Pie progress={0.4} size={50} />
<Progress.Circle size={30} indeterminate={true} />
<Progress.CircleSnail color={['red', 'green', 'blue']} />
```

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

### API Reference: Common Properties for All Progress Components

Source: https://github.com/oblador/react-native-progress/blob/master/README.md

Detailed API documentation for properties shared across all react-native-progress components (Bar, Pie, Circle, CircleSnail). This includes properties controlling animation behavior, progress values, fill and border colors, and border width.

```APIDOC
Prop: animated
  Description: Whether or not to animate changes to `progress`.
  Default: true
Prop: indeterminate
  Description: If set to true, the indicator will spin and `progress` prop will be ignored.
  Default: false
Prop: indeterminateAnimationDuration
  Description: Sets animation duration in milliseconds when indeterminate is set.
  Default: 1000
Prop: progress
  Description: Progress of whatever the indicator is indicating. A number between 0 and 1.
  Default: 0
Prop: color
  Description: Fill color of the indicator.
  Default: rgba(0, 122, 255, 1)
Prop: unfilledColor
  Description: Color of the remaining progress.
  Default: None
Prop: borderWidth
  Description: Width of outer border, set to `0` to remove.
  Default: 1
Prop: borderColor
  Description: Color of outer border.
  Default: color
```

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

### Progress.Pie Component Properties

Source: https://github.com/oblador/react-native-progress/blob/master/README.md

Documents the configurable properties for the `Progress.Pie` component, specifically its diameter. This component renders a pie-chart style progress indicator.

```APIDOC
Progress.Pie Properties:
  size: number (Default: 40) - Diameter of the pie.
```

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

### API Reference: Properties Specific to Progress.Bar Component

Source: https://github.com/oblador/react-native-progress/blob/master/README.md

Detailed API documentation for properties exclusive to the `Progress.Bar` component. These properties control the bar's dimensions, corner rounding, and advanced animation configurations like native driver usage and animation types.

```APIDOC
Prop: width
  Description: Full width of the progress bar, set to `null` to use automatic flexbox sizing.
  Default: 150
Prop: height
  Description: Height of the progress bar.
  Default: 6
Prop: borderRadius
  Description: Rounding of corners, set to `0` to disable.
  Default: 4
Prop: useNativeDriver
  Description: Use native driver for the animations.
  Default: false
Prop: animationConfig
  Description: Config that is passed into the `Animated` function.
  Default: { bounciness: 0 }
Prop: animationType
  Description: Animation type to animate the progress, one of: `decay`, `timing`, `spring`.
  Default: spring
```

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

### Progress.CircleSnail Component Properties

Source: https://github.com/oblador/react-native-progress/blob/master/README.md

Documents the configurable properties for the `Progress.CircleSnail` component, including animation control, size, color, thickness, and duration settings. This component provides a continuous, indeterminate circular progress animation.

```APIDOC
Progress.CircleSnail Properties:
  animating: boolean (Default: true) - If the circle should animate.
  hidesWhenStopped: boolean (Default: false) - If the circle should be removed when not animating.
  size: number (Default: 40) - Diameter of the circle.
  color: string | string[] (Default: rgba(0, 122, 255, 1)) - Color of the circle, use an array of colors for rainbow effect.
  thickness: number (Default: 3) - Thickness of the circle.
  duration: number (Default: 1000) - Duration of animation.
  spinDuration: number (Default: 5000) - Duration of spin (orbit) animation.
  strokeCap: 'butt' | 'square' | 'round' (Default: round) - Stroke Cap style for the circle butt, square or round.
```

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

### Progress.Circle Component Properties

Source: https://github.com/oblador/react-native-progress/blob/master/README.md

Documents the configurable properties for the `Progress.Circle` component, including size, angle, thickness, text display, and styling options. These properties allow customization of the circular progress indicator's appearance and behavior.

```APIDOC
Progress.Circle Properties:
  size: number (Default: 40) - Diameter of the circle.
  endAngle: number (Default: 0.9) - Determines the endAngle of the circle. A number between 0 and 1. The final endAngle would be the number multiplied by 2π
  thickness: number (Default: 3) - Thickness of the inner circle.
  showsText: boolean (Default: false) - Whether or not to show a text representation of current progress.
  formatText(progress: number): string (Default: See source) - A function returning a string to be displayed for the textual representation.
  textStyle: object (Default: None) - Styles for progress text, defaults to a same color as circle and fontSize proportional to size prop.
  allowFontScaling: boolean (Default: true) - Whether or not to respect device font scale setting.
  direction: 'clockwise' | 'counter-clockwise' (Default: clockwise) - Direction of the circle clockwise or counter-clockwise.
  strokeCap: 'butt' | 'square' | 'round' (Default: butt) - Stroke Cap style for the circle butt, square or round.
  fill: string (Default: None (transparent)) - Fill color of the inner circle.
```

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