- ProgressBarAndroid
<ProgressBarAndroid style={styles.progressBarStyle}
styleAttr='Inverse'
color='blue'>
</ProgressBarAndroid>
<ProgressBarAndroid styleAttr='LargeInverse'
color='green'
progress={0.4}>
</ProgressBarAndroid>
<ProgressBarAndroid styleAttr='Horizontal'
color='green'
progress={0.4}>
</ProgressBarAndroid>
<ProgressBarAndroid style={{marginTop: 10}}
styleAttr='Horizontal'
color='yellow'
progress={0.4}
indeterminate={false}>
</ProgressBarAndroid>
就是這樣:
其中默認(rèn)是轉(zhuǎn)動(dòng)著的呐粘,如果你希望是進(jìn)度條樣式的,則需要設(shè)置:
indeterminate={false}
就行了锅减。
- ActivityIndicator
官方說明:
Displays a circular loading indicator.
如果展示一個(gè)圓形的progress,官方推薦使用該控件
<ActivityIndicator size='large'
color='purple'>
</ActivityIndicator>
其中支持設(shè)置size
和color
屬性.
- size: large或者small(默認(rèn))