React component that wraps the Android-only ProgressBar. This component is used to indicate that the app is loading or there is some activity in the app.

Example:

render: function() {
  var progressBar =
    <View style={styles.container}>
      <ProgressBar styleAttr="Inverse" />
    </View>;

  return (
    <MyLoadingComponent
      componentView={componentView}
      loadingView={progressBar}
      style={styles.loadingComponent}
    />
  );
},

Props #

ViewPropTypes props... #

color?: color #

Color of the progress bar.

indeterminate?: indeterminateType #

If the progress bar will show indeterminate progress. Note that this can only be false if styleAttr is Horizontal.

progress?: number #

The progress value (between 0 and 1).

styleAttr?: enum('Horizontal', 'Normal', 'Small', 'Large', 'Inverse', 'SmallInverse', 'LargeInverse') #

Style of the ProgressBar. One of:

Horizontal
Normal (default)
Small
Large
Inverse
SmallInverse
LargeInverse

testID?: string #

Used to locate this view in end-to-end tests.