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.


render: function() { var progressBar = <View style={styles.container}> <ProgressBar styleAttr="Inverse" /> </View>; return ( <MyLoadingComponent componentView={componentView} loadingView={progressBar} style={styles.loadingComponent} /> ); },

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.

Improve this page by sending a pull request!