ReactNative View控制元件屬性和樣式
阿新 • • 發佈：2018-12-10
屬性：
numberOfLines
文字行數限制，新增後超過限制行數文字會在末尾預設以…的形式省略。
ellipsizeMode
設定文字縮略格式，配合numberOfLines使用，values： * tail：在末尾…省略（預設值） * clip：在末尾切割，直接切割字元無省略符 * head：在前面…省略 * middle：在中間…省略
onPress
點選事件
style
樣式
accessible：
表示此檢視時一個啟用了無障礙功能的元素。預設為true
onMagicTap：
當accessible為true時，雙擊View會呼叫此函式。
onMoveShouldSetResponder：
觸控控制元件並滑動時呼叫的方法
onMoveShouldSetResponderCapture：
觸控控制元件並滑動時呼叫的方法,避免子檢視響應
onResponderMove：
使用者在View上移動手指呼叫
onResponderRelease：
結束觸控時呼叫
pointerEvents：
控制當前檢視是否可以觸控：’box-none’, ‘none’, ‘box-only’, ‘auto’
樣式：
width：
寬度
height：
高度
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：刪除線