ReactNative中的樣式屬性

屬性：

numberOfLines={規定的行數}

文字行數限制，新增後超過限制行數文字會在末尾預設以…的形式省略。

ellipsizeMode
設定文字縮略格式，配合numberOfLines使用，values：

• tail：在末尾…省略（預設值）
• clip：在末尾切割，直接切割字元無省略符
• head：在前面…省略
• middle：在中間…省略

點選事件 （需要配合點選方法比如" "）

• onPress
• 佈局中的屬性都可以重寫"StyleSheet"屬性，

style
樣式

accessible：
表示此檢視時一個啟用了無障礙功能的元素。預設為true

onMagicTap：
當accessible為true時，雙擊View會呼叫此函數。

onMoveShouldSetResponder：
觸控控制元件並滑動時呼叫的方法

onMoveShouldSetResponderCapture：
觸控控制元件並滑動時呼叫的方法,避免子檢視響應

onResponderMove：
使用者在View上移動手指呼叫

onResponderRelease：
結束觸控時呼叫

pointerEvents：
控制當前檢視是否可以觸控：’box-none’, ‘none’, ‘box-only’, ‘auto’

---

樣式：

---

width：寬度（如果寬度是手機螢幕的全部可以設定為"100%"）

height：高度(如果高度是手機螢幕的全部可以設定為"100%")

backgroundColor：背景顏色

backfaceVisibility：是否顯示翻轉’visible’，’hidden’

borderColor：邊框顏色

borderWidth：邊框寬度

borderRadius：邊框圓角半徑

borderStyle：邊框樣式

• solid：實線，
• dotted：點，
• dashed：虛線

borderTopColor：上邊框顏色

borderTopWidth：上邊框寬度

borderTopLeftRadius：左上角邊框圓角的半徑

borderTopRightRadius：右上角邊框圓角的半徑

overflow：內容超過容器時超出顯示還是隱藏：’visible’， ‘hidden’

opacity：透明度

color：字型顏色

fontSize：字型大小

fontFamily：字型

fontStyle： 字的樣式

• normal：正常
• italic：斜體

fontWeight 設定粗體
normal：正常
bold：粗體
100，200，300， 400， 500， 600， 700， 800， 900）

lineHeight：行高

textAlign 文字對其方式
auto：自動對齊
left：左對齊
right：右對齊
center：居中對齊

textDecorationLine 下劃線和刪除線樣式
none：無線
underline：下劃線
line-through：刪除線
underline line-through：下劃線和刪除線