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阅读 5,017评论 0 17
  • View 个人感觉View就类似于html中的div标签,支持flexbox布局。 一个简单的练习,类似携程的格子...
    45b645c5912e阅读 894评论 0 0
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 7,968评论 4 42
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 161,597评论 24 692
  • 这个深秋,恋您!敬爱的老师! 好多年未见,也从未有您的半点音迅,遗憾中心存愧疚。忆少年懵懂时,是您...
    云诗一线阅读 74评论 2 2
  • 百叶窗的阳光正透过玻璃来 温暖如春 时间的阳光在消消闪现 三十五年的光阴只为这一见 身处喧闹嘈杂的闹市中 回到了那...
    璃泺阅读 100评论 0 4
  • 我用一句话来概括:早起第二周真是状况频出!某天早上,我又晚了五分钟。为啥?这是为啥呀?这可是我第三次参加早起群,上...
    依然如水阅读 221评论 1 3
  • 第四章 国家契约 “你运气不错哦,这次光是魔法之国就有3万人申请,整个大陆估计要超过30万人了,要不是我你肯定没机...
    亨德列克阅读 226评论 0 1
  • 你有好多件衬衣 蓝的、黄的、黑的,码放在一起 而我后来给你买了件白衬衣 你从不穿,总是整齐的压在箱底 你说时光太快...
    栖梧轩开心果阅读 110评论 0 2