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
    進度條的樣式??扇≈涤校?br> 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學習之路,有什么不對的地方,一起討論進步

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,384評論 0 17
  • View 個人感覺View就類似于html中的div標簽,支持flexbox布局。 一個簡單的練習,類似攜程的格子...
    45b645c5912e閱讀 1,320評論 0 0
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 15,654評論 4 61
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,323評論 25 708
  • 這個深秋,戀您!敬愛的老師! 好多年未見,也從未有您的半點音迅,遺憾中心存愧疚。憶少年懵懂時,是您...
    云詩一線閱讀 335評論 2 2

友情鏈接更多精彩內(nèi)容