W3cubDocs

/React Native

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

© 2015–2017 Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.
https://facebook.github.io/react-native/docs/progressbarandroid.html