【React Native】文件翻譯閱讀紀錄 - Components(組件) - ProgressBarAndroid

by - 上午9:00

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)。
TYPEREQUIRED
boolNo

color

進度條的顏色。
TYPEREQUIRED
colorNo

indeterminate

如果進度條將顯示不確定的進度。請注意,如果styleAttr為Horizo​​ntal,則只能為false。
TYPEREQUIRED
indeterminateTypeNo

progress

進度值(介於0和1之間)。
TYPEREQUIRED
numberNo

styleAttr

ProgressBar的風格。之一:
  • Horizontal
  • Normal (default)
  • Small
  • Large
  • Inverse
  • SmallInverse
  • LargeInverse
TYPEREQUIRED
enum('Horizontal', 'Normal', 'Small', 'Large', 'Inverse', 'SmallInverse', 'LargeInverse')No

testID

用於在端到端測試中查找此視圖。
TYPEREQUIRED
stringNo





You May Also Like

0 意見