 |
| Facebook Open Source React Native |
ProgressBarAndroid
僅限Android的React組件，用於指示應用程序正在加載或應用程序中存在某些活動。
例:
例:
import React, { Component } from "react";
import {
ProgressBarAndroid,
AppRegistry,
StyleSheet,
View
} from "react-native";
export default class App extends Component {
render() {
return (
<View style={styles.container}>
<ProgressBarAndroid />
<ProgressBarAndroid styleAttr="Horizontal" />
<ProgressBarAndroid styleAttr="Horizontal" color="#2196F3" />
<ProgressBarAndroid
styleAttr="Horizontal"
indeterminate={false}
progress={0.5}
/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "space-evenly",
padding: 10
}
});
AppRegistry.registerComponent("App", () => App);
Props
參考
Props
animating
是否顯示ProgressBar（true，默認值）或隱藏它（false）。
| TYPE | REQUIRED |
|---|---|
| bool | No |
color
indeterminate
如果進度條將顯示不確定的進度。請注意，如果styleAttr為Horizontal，則只能為false。
| TYPE | REQUIRED |
|---|---|
| indeterminateType | No |
progress
進度值（介於0和1之間）。
| TYPE | REQUIRED |
|---|---|
| number | No |
styleAttr
ProgressBar的風格。之一：
- Horizontal
- Normal (default)
- Small
- Large
- Inverse
- SmallInverse
- LargeInverse
| TYPE | REQUIRED |
|---|---|
| enum('Horizontal', 'Normal', 'Small', 'Large', 'Inverse', 'SmallInverse', 'LargeInverse') | No |
testID
用於在端到端測試中查找此視圖。
| TYPE | REQUIRED |
|---|---|
| string | No |
