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