【React Native】文件翻譯閱讀紀錄 - Components(組件) - ProgressBarAndroid
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 |
0 意見