ReactNative View控件属性和样式

属性：

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：删除线
• underline line-through：下划线和删除线
  
  
  转自：ReactNative View的属性和样式