Skip to main content

视图样式属性

示例​

¥Example

参考

¥Reference

属性​

¥Props

backfaceVisibility​

类型
enum('visible', 'hidden')

backgroundColor​

类型
color

borderBottomColor​

类型
color

borderBottomEndRadius​

类型
number

borderBottomLeftRadius​

类型
number

borderBottomRightRadius​

类型
number

borderBottomStartRadius​

类型
number

borderStartEndRadius​

类型
number

borderStartStartRadius​

类型
number

borderEndEndRadius​

类型
number

borderEndStartRadius​

类型
number

borderBottomWidth​

类型
number

borderColor​

类型
color

borderCurve
iOS
​

在 iOS 13+ 上，可以更改边框的角曲线。

¥On iOS 13+, it is possible to change the corner curve of borders.

类型
enum('circular', 'continuous')

borderEndColor​

类型
color

borderLeftColor​

类型
color

borderLeftWidth​

类型
number

borderRadius​

如果圆形边框不可见，请尝试应用 overflow: 'hidden'。

¥If the rounded border is not visible, try applying overflow: 'hidden' as well.

类型
number

borderRightColor​

类型
color

borderRightWidth​

类型
number

borderStartColor​

类型
color

borderStyle​

类型
enum('solid', 'dotted', 'dashed')

borderTopColor​

类型
color

borderTopEndRadius​

类型
number

borderTopLeftRadius​

类型
number

borderTopRightRadius​

类型
number

borderTopStartRadius​

类型
number

borderTopWidth​

类型
number

borderWidth​

类型
number

cursor
iOS
​

在 iOS 17+ 上，设置为 pointer 允许在指针（例如 iOS 上的触控板或触控笔，或 visionOS 上的用户注视）位于视图上方时实现悬停效果。

¥On iOS 17+, Setting to pointer allows hover effects when a pointer (such as a trackpad or stylus on iOS, or the users' gaze on visionOS) is over the view.

类型
enum('auto', 'pointer')

elevation
Android
​

使用 Android 的底层 高程 API 设置视图的高度。这会向项目添加阴影并影响重叠视图的 z 顺序。仅在 Android 5.0+ 上受支持，对早期版本没有影响。

¥Sets the elevation of a view, using Android's underlying elevation API. This adds a drop shadow to the item and affects z-order for overlapping views. Only supported on Android 5.0+, has no effect on earlier versions.

类型
number

opacity​

类型
number

pointerEvents​

控制 View 是否可以作为触摸事件的目标。

¥Controls whether the View can be the target of touch events.

  • 'auto'：View 可以是触摸事件的目标。

    ¥'auto': The View can be the target of touch events.

  • 'none'：视图永远不是触摸事件的目标。

    ¥'none': The View is never the target of touch events.

  • 'box-none'：View 永远不是触摸事件的目标，但它的子视图可以。

    ¥'box-none': The View is never the target of touch events but its subviews can be.

  • 'box-only'：视图可以是触摸事件的目标，但其子视图不能。

    ¥'box-only': The view can be the target of touch events but its subviews cannot be.

类型
enum('auto', 'box-none', 'box-only', 'none' )