ProgressBarAndroid

ProgressBarAndroid

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?: PropTypes.number

The progress value (between 0 and 1).

styleAttr?: PropTypes.oneOf(STYLE_ATTRIBUTES)

Style of the ProgressBar. One of:

• Horizontal
• Normal (default)
• Small
• Large
• Inverse
• SmallInverse
• LargeInverse

testID?: PropTypes.string

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