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