View Style Props

Example

Reference

Props

backfaceVisibility

Type
enum('visible', 'hidden')

---

backgroundColor

Type
color

---

borderBottomColor

Type
color

---

borderBottomEndRadius

Type
number, string (percentage value)

---

borderBottomLeftRadius

Type
number, string (percentage value)

---

borderBottomRightRadius

Type
number, string (percentage value)

---

borderBottomStartRadius

Type
number, string (percentage value)

---

borderStartEndRadius

Type
number, string (percentage value)

---

borderStartStartRadius

Type
number, string (percentage value)

---

borderEndEndRadius

Type
number, string (percentage value)

---

borderEndStartRadius

Type
number, string (percentage value)

---

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, string (percentage value)

---

borderRightColor

Type
color

---

borderRightWidth

Type
number

---

borderStartColor

Type
color

---

borderStyle

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

---

borderTopColor

Type
color

---

borderTopEndRadius

Type
number, string (percentage value)

---

borderTopLeftRadius

Type
number, string (percentage value)

---

borderTopRightRadius

Type
number, string (percentage value)

---

borderTopStartRadius

Type
number, string (percentage value)

---

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