React-native之ProgressBarAndroid、ProgressViewIOS(11)

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学习之路,有什么不对的地方,一起讨论进步

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,688评论 0 17
  • View 个人感觉View就类似于html中的div标签,支持flexbox布局。 一个简单的练习,类似携程的格子...
    45b645c5912e阅读 1,222评论 0 0
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,271评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,118评论 25 709
  • 这个深秋,恋您!敬爱的老师! 好多年未见,也从未有您的半点音迅,遗憾中心存愧疚。忆少年懵懂时,是您...
    云诗一线阅读 265评论 2 2