Skip to main content

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

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' )