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的属性和样式)