美文网首页react-native
ReactNative View的属性和样式

ReactNative View的属性和样式

作者: 王冥 | 来源:发表于2018-08-03 11:37 被阅读1237次

    属性:

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

        本文链接:https://www.haomeiwen.com/subject/xpjyvftx.html