mirror of
https://github.com/zhigang1992/react-native.git
synced 2026-04-05 17:30:38 +08:00
9ec9567390
Differential Revision: D6261799 fbshipit-source-id: 269e151c5d136c1d508d9f2a060c0c670d0fe0f2
140 lines
2.0 KiB
Markdown
140 lines
2.0 KiB
Markdown
---
|
|
id: progressbarandroid
|
|
title: ProgressBarAndroid
|
|
layout: docs
|
|
category: components
|
|
permalink: docs/progressbarandroid.html
|
|
next: progressviewios
|
|
previous: pickerios
|
|
---
|
|
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...](docs/viewproptypes.html#props)
|
|
- [`animating`](docs/progressbarandroid.html#animating)
|
|
- [`color`](docs/progressbarandroid.html#color)
|
|
- [`indeterminate`](docs/progressbarandroid.html#indeterminate)
|
|
- [`progress`](docs/progressbarandroid.html#progress)
|
|
- [`styleAttr`](docs/progressbarandroid.html#styleattr)
|
|
- [`testID`](docs/progressbarandroid.html#testid)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
# Reference
|
|
|
|
## Props
|
|
|
|
### `animating`
|
|
|
|
Whether to show the ProgressBar (true, the default) or hide it (false).
|
|
|
|
| Type | Required |
|
|
| - | - |
|
|
| bool | No |
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
### `color`
|
|
|
|
Color of the progress bar.
|
|
|
|
| Type | Required |
|
|
| - | - |
|
|
| [color](docs/colors.html) | No |
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
### `indeterminate`
|
|
|
|
If the progress bar will show indeterminate progress. Note that this
|
|
can only be false if styleAttr is Horizontal.
|
|
|
|
| Type | Required |
|
|
| - | - |
|
|
| indeterminateType | No |
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
### `progress`
|
|
|
|
The progress value (between 0 and 1).
|
|
|
|
| Type | Required |
|
|
| - | - |
|
|
| number | No |
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
### `styleAttr`
|
|
|
|
Style of the ProgressBar. One of:
|
|
|
|
- Horizontal
|
|
- Normal (default)
|
|
- Small
|
|
- Large
|
|
- Inverse
|
|
- SmallInverse
|
|
- LargeInverse
|
|
|
|
| Type | Required |
|
|
| - | - |
|
|
| enum('Horizontal', 'Normal', 'Small', 'Large', 'Inverse', 'SmallInverse', 'LargeInverse') | No |
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
### `testID`
|
|
|
|
Used to locate this view in end-to-end tests.
|
|
|
|
| Type | Required |
|
|
| - | - |
|
|
| string | No |
|
|
|
|
|
|
|
|
|
|
|
|
|