React-native之ProgressBarAndroid、

ProgressBarAndroid

一. 简介

封装了Android平台上的ProgressBar的React组件。这个组件可以用来表示应用正在加载或者有些事情正在进行中。

二. 属性

• View
  继承View的所有属性
• color string
  进度条的颜色。
• indeterminate indeterminateType
  决定进度条是否要显示一个不确定的进度。注意这个在styleAttr是Horizontal的时候必须是false。
• progress number
  当前的进度值（在0到1之间）。
• styleAttr STYLE_ATTRIBUTES
  进度条的样式。可取值有：
  Horizontal
  Small
  Large
  Inverse
  SmallInverse
  LargeInverse

三.示例

<ProgressBarAndroid styleAttr="Horizontal"/> <ProgressBarAndroid styleAttr="Small"/> <ProgressBarAndroid styleAttr="Large"/> <ProgressBarAndroid styleAttr="Inverse"/>

效果

progressbar_01.png

ProgressViewIOS

一. 简介

使用ProgressViewIOS来在iOS上渲染一个UIProgressView。

二. 属性

• View
  继承View的所有属性
• progress number
  当前的进度值（0到1之间）。
• progressImage Image.propTypes.source
  一个可以拉伸的图片，用于显示进度条。
• progressTintColor string
  进度条本身染上的颜色。
• progressViewStyle enum('default', 'bar')
  进度条的样式。
• trackImage Image.propTypes.source
  一个可拉伸的图片，用于显示进度条后面的轨道。
• trackTintColor string
  进度条轨道染上的颜色。

记录自己的RN学习之路，有什么不对的地方，一起讨论进步