[React-Native]RN组件学习-Progressbar

• 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>

就是这样：

其中默认是转动着的，如果你希望是进度条样式的，则需要设置：

indeterminate={false}

就行了。

• ActivityIndicator

官方说明：
Displays a circular loading indicator.

如果展示一个圆形的progress，官方推荐使用该控件

 <ActivityIndicator size='large'
                    color='purple'>
                    
 </ActivityIndicator>

其中支持设置size和color属性.

• size: large或者small（默认）