Example
Reference
Props
backfaceVisibility
| Type |
|---|
enum('visible', 'hidden') |
backgroundColor
borderBottomColor
borderBottomEndRadius
borderBottomLeftRadius
borderBottomRightRadius
borderBottomStartRadius
borderStartEndRadius
borderStartStartRadius
borderEndEndRadius
borderEndStartRadius
borderBottomWidth
borderColor
borderCurve
iOS
On iOS 13+, it is possible to change the corner curve of borders.
| Type |
|---|
enum('circular', 'continuous') |
borderEndColor
borderLeftColor
borderLeftWidth
borderRadius
If the rounded border is not visible, try applying overflow: 'hidden' as well.
borderRightColor
borderRightWidth
borderStartColor
borderStyle
| Type |
|---|
enum('solid', 'dotted', 'dashed') |
borderTopColor
borderTopEndRadius
borderTopLeftRadius
borderTopRightRadius
borderTopStartRadius
borderTopWidth
borderWidth
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.
opacity
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' ) |