Skip to main content
Version: Next

View Style Props

Example

Reference

Props

backfaceVisibility

Type
enum('visible', 'hidden')

backgroundColor

Type
color

borderBottomColor

Type
color

borderBottomEndRadius

Type
number

borderBottomLeftRadius

Type
number

borderBottomRightRadius

Type
number

borderBottomStartRadius

Type
number

borderStartEndRadius

Type
number

borderStartStartRadius

Type
number

borderEndEndRadius

Type
number

borderEndStartRadius

Type
number

borderBottomWidth

Type
number

borderColor

Type
color

borderCurve
iOS

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

Type
enum('circular', 'continuous')

borderEndColor

Type
color

borderLeftColor

Type
color

borderLeftWidth

Type
number

borderRadius

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

Type
number

borderRightColor

Type
color

borderRightWidth

Type
number

borderStartColor

Type
color

borderStyle

Type
enum('solid', 'dotted', 'dashed')

borderTopColor

Type
color

borderTopEndRadius

Type
number

borderTopLeftRadius

Type
number

borderTopRightRadius

Type
number

borderTopStartRadius

Type
number

borderTopWidth

Type
number

borderWidth

Type
number

cursor
iOS

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.

Type
enum('auto', 'pointer')

elevation
Android

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.

Type
number

opacity

Type
number

pointerEvents

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

  • 'auto': The View can be the target of touch events.
  • 'none': The View is never the target of touch events.
  • 'box-none': The View is never the target of touch events but its subviews can be.
  • 'box-only': The view can be the target of touch events but its subviews cannot be.
Type
enum('auto', 'box-none', 'box-only', 'none' )