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