2. 程式人生 > >ReactNative Progress(ProgressBarAndroid、ProgressViewIOS)控制元件的屬性和樣式

ReactNative Progress(ProgressBarAndroid、ProgressViewIOS)控制元件的屬性和樣式

阿新 • • 發佈：2018-12-11

ProgressBarAndroid

屬性方法

支援View控制元件的屬性方法

從View控制元件中繼承下來， 例如:大小,佈局,邊距

color

設定進度的顏色屬性值

indeterminate

設定是否要顯示一個預設的進度資訊，該如果styleAttr的風格設定成Horizontal的時候該值必須設定成false

progress number

設定當前的載入進度值(該值在0-1之間)

styleAttr

進度條框的風格 ，可以取的值如下:

  • Horizontal
  • Small
  • Large
  • Inverse
  • SmallInverse
  • LargeInverse

ProgressViewIOS

View

繼承View的所有屬性

progress number

當前的進度值（0到1之間）。

progressImage Image.propTypes.source

一個可以拉伸的圖片，用於顯示進度條。

progressTintColor string

進度條本身染上的顏色。

progressViewStyle enum(‘default’, ‘bar’)

進度條的樣式。

trackImage Image.propTypes.source

一個可拉伸的圖片，用於顯示進度條後面的軌道。

trackTintColor string

進度條軌道染上的顏色。

相關推薦

ReactNative Progress(ProgressBarAndroid、ProgressViewIOS)控制元件的屬性和樣式

ProgressBarAndroid 屬性方法 支援View控制元件的屬性方法 從View控制元件中繼承下來， 例如:大小,佈局,邊距 color 設定進度的顏色屬性值 indeterminate 設定

ReactNative View控制元件屬性和樣式

屬性： numberOfLines 文字行數限制，新增後超過限制行數文字會在末尾預設以…的形式省略。 ellipsizeMode 設定文字縮略格式，配合numberOfLines使用，values： * tail：在末尾…省略（預設值） *

ReactNative ListView控制元件屬性和樣式

基本使用方式 //建構函式中繫結資料 constructor(props) { super(props); let ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !=

ReactNative Picker控制元件屬性和樣式

屬性 該控制元件可以使用View控制元件的全部屬性 onValueChange function 某一項被選中時執行此回撥。呼叫時帶有如下引數： itemValue: 被選中項的value屬性 itemPosition: 被選中項在picker中的索引位置

ReactNative Image控制元件屬性和樣式

用法 載入本地圖片 <Image source={require('./img/baidu.png')}/> 載入App內資源圖片 <Image source={{uri: 'ic_launcher'}} /> 載入網路圖片 <

ReactNative Touchable控制元件屬性和樣式

TouchableHighlight(高亮觸控) 注：TouchableHighlight只能進行一層巢狀，不能多層巢狀，如果需要多層巢狀就要用View包裝 activeOpacity： 設定元件在進行觸控時候，顯示的不透明度（取值：0 ~ 1） onHideU

React Native之Text控制元件屬性和樣式

屬性 numberOfLines 文字行數限制，新增後超過限制行數文字會在末尾預設以…的形式省略。 ellipsizeMode 設定文字縮略格式，配合numberOfLines使用，values： * tail：在末尾…省略（預設值） * c

C#中combobox 控制元件屬性、事件、方法

一 、combobox 屬性、事件、方法公共屬性 名稱 說明 AccessibilityObject 獲取分配給該控制元件的 AccessibleObject。AccessibleDefaultActionDescription 獲取或設定控制元件的預設操作說明，供輔助功能客戶端應用程式使用。Acces

C# 控制元件屬性一覽表

1、窗體  1、常用屬性  （1）Name屬性：用來獲取或設定窗體的名稱，在應用程式中可通過Name屬性來引用窗體。  （2） WindowState屬性：  用來獲取或設定窗體的視窗狀態。 取值有三種： Normal （窗體正常顯示）、 Minimized

SQLite資料庫、ListView控制元件的使用

android下資料庫的建立（重點） 在Android平臺上，集成了一個輕量級嵌入式關係型資料庫—SQLite，SQLite3支援 NULL、INTEGER、REAL（浮點數字）、TEXT(字串文字)和BLOB(二進位制物件)資料型別，也接受varchar(n)、char(n)、deci

js--彈出對話方塊、改變控制元件內容、驗證輸入郵箱的合法性

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript">

Winform控制元件屬性事件介紹

                                         

MSComm控制元件屬性大揭祕

MSComm控制元件的屬性(必須要熟悉的幾個——CommPort：設定並返回通訊埠號；Setting：以字串的形式設定並返回資料傳輸速率、奇偶校驗、資料位元、停止位元；PortOpen：設定並返回通訊埠的狀態，也可以開啟和關閉埠；Input：從接收緩衝區返回和刪除字元；Output：向傳輸緩衝區定一

[Xcode10 實際操作]四、常用控制元件-(1)UIButton控制元件的使用

本文將演示按鈕控制元件的使用，按鈕是使用者介面中最常見的互動控制元件 在專案導航區，開啟檢視控制器的程式碼檔案【ViewController.swift】 1 import UIKit 2 3 class ViewController: UIViewController { 4

[Xcode10 實際操作]四、常用控制元件-(4)UILabel文字標籤的自動換行

本文將演示標籤控制元件的換行功能， 在專案導航區，開啟檢視控制器的程式碼檔案【ViewController.swift】 1 import UIKit 2 3 class ViewController: UIViewController { 4 5 override f

[Xcode10 實際操作]四、常用控制元件-(3)UILabel文字標籤的使用

本文將演示標籤控制元件的基礎用法， 在專案導航區，開啟檢視控制器的程式碼檔案【ViewController.swift】 1 import UIKit 2 3 class ViewController: UIViewController { 4 5 override f

[Xcode10 實際操作]四、常用控制元件-(5)UILabel文字標籤自定義文字樣式

本文將演示給標籤物件新增描邊效果，在專案資料夾上，點選滑鼠右鍵選單， 選擇【Create File】->【Cocoa Touch Class】->【Next】-> 【Class】：MyLabel 【Subclass of 】：UILabel 【Language】：Swift -&g

[Xcode10 實際操作]四、常用控制元件-(6)UISwitch開關控制元件的使用

本文將演示開關控制元件的基本用法。 開關控制元件有兩個互斥的選項，它是用來開啟或關閉選項的控制元件。 在專案導航區，開啟檢視控制器的程式碼檔案【ViewController.swift】 1 import UIKit 2 3 class ViewController: UIViewCo

[Xcode10 實際操作]四、常用控制元件-(7)UIStepper控制元件的使用

本文將演示步進控制元件的基本用法。步進控制元件常用於小範圍數值的調整。 在專案導航區，開啟檢視控制器的程式碼檔案【ViewController.swift】 1 import UIKit 2 3 class ViewController: UIViewController { 4

[Xcode10 實際操作]四、常用控制元件-(8)UITextField控制元件的使用

本文將演示文字輸入框控制元件的基本用法。 文字輸入框主要用來接收和顯示使用者輸入的內容。 在專案導航區，開啟檢視控制器的程式碼檔案【ViewController.swift】 1 import UIKit 2 3 //新增文字框代理協議， 4 //使用協議中的方法，在完成文字框文字