ViewStyle | agora-rn-uikit

see: https://reactnative.dev/docs/view#style

Hierarchy

Index

Properties

Optional alignContent

Optional alignItems

alignItems?: FlexAlignType

Optional alignSelf

alignSelf?: FlexAlignType | "auto"

Optional aspectRatio

aspectRatio?: number

Optional backfaceVisibility

backfaceVisibility?: "visible" | "hidden"

Optional backgroundColor

backgroundColor?: ColorValue

Optional borderBottomColor

borderBottomColor?: ColorValue

Optional borderBottomEndRadius

borderBottomEndRadius?: number

Optional borderBottomLeftRadius

borderBottomLeftRadius?: number

Optional borderBottomRightRadius

borderBottomRightRadius?: number

Optional borderBottomStartRadius

borderBottomStartRadius?: number

Optional borderBottomWidth

borderBottomWidth?: number

Optional borderColor

borderColor?: ColorValue

Optional borderEndColor

borderEndColor?: ColorValue

Optional borderEndWidth

borderEndWidth?: string | number

Optional borderLeftColor

borderLeftColor?: ColorValue

Optional borderLeftWidth

borderLeftWidth?: number

Optional borderRadius

borderRadius?: number

Optional borderRightColor

borderRightColor?: ColorValue

Optional borderRightWidth

borderRightWidth?: number

Optional borderStartColor

borderStartColor?: ColorValue

Optional borderStartWidth

borderStartWidth?: string | number

Optional borderStyle

borderStyle?: "solid" | "dotted" | "dashed"

Optional borderTopColor

borderTopColor?: ColorValue

Optional borderTopEndRadius

borderTopEndRadius?: number

Optional borderTopLeftRadius

borderTopLeftRadius?: number

Optional borderTopRightRadius

borderTopRightRadius?: number

Optional borderTopStartRadius

borderTopStartRadius?: number

Optional borderTopWidth

borderTopWidth?: number

Optional borderWidth

borderWidth?: number

Optional bottom

bottom?: string | number

Optional direction

direction?: "inherit" | "ltr" | "rtl"

platform: ios

Optional display

display?: "none" | "flex"

Optional elevation

elevation?: number

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.

platform: android

Optional end

end?: string | number

Optional flex

flex?: number

Optional flexBasis

flexBasis?: string | number

Optional flexDirection

flexDirection?: "row" | "column" | "row-reverse" | "column-reverse"

Optional flexGrow

flexGrow?: number

Optional flexShrink

flexShrink?: number

Optional flexWrap

flexWrap?: "wrap" | "nowrap" | "wrap-reverse"

Optional height

height?: string | number

Optional justifyContent

Optional left

left?: string | number

Optional margin

margin?: string | number

Optional marginBottom

marginBottom?: string | number

Optional marginEnd

marginEnd?: string | number

Optional marginHorizontal

marginHorizontal?: string | number

Optional marginLeft

marginLeft?: string | number

Optional marginRight

marginRight?: string | number

Optional marginStart

marginStart?: string | number

Optional marginTop

marginTop?: string | number

Optional marginVertical

marginVertical?: string | number

Optional maxHeight

maxHeight?: string | number

Optional maxWidth

maxWidth?: string | number

Optional minHeight

minHeight?: string | number

Optional minWidth

minWidth?: string | number

Optional opacity

opacity?: number

Optional overflow

overflow?: "visible" | "hidden" | "scroll"

Optional padding

padding?: string | number

Optional paddingBottom

paddingBottom?: string | number

Optional paddingEnd

paddingEnd?: string | number

Optional paddingHorizontal

paddingHorizontal?: string | number

Optional paddingLeft

paddingLeft?: string | number

Optional paddingRight

paddingRight?: string | number

Optional paddingStart

paddingStart?: string | number

Optional paddingTop

paddingTop?: string | number

Optional paddingVertical

paddingVertical?: string | number

Optional position

position?: "absolute" | "relative"

Optional right

right?: string | number

Optional rotation

rotation?: number

deprecated: Use rotate in transform prop instead.

Optional scaleX

scaleX?: number

deprecated: Use scaleX in transform prop instead.

Optional scaleY

scaleY?: number

deprecated: Use scaleY in transform prop instead.

Optional shadowColor

shadowColor?: ColorValue

Optional shadowOffset

shadowOffset?: { height: number; width: number }

Type declaration

height: number
width: number

Optional shadowOpacity

shadowOpacity?: number

Optional shadowRadius

shadowRadius?: number

Optional start

start?: string | number

Optional testID

testID?: string

Optional top

top?: string | number

Optional transform

Optional transformMatrix

transformMatrix?: number[]

deprecated: Use matrix in transform prop instead.

Optional translateX

translateX?: number

deprecated: Use translateX in transform prop instead.

Optional translateY

translateY?: number

deprecated: Use translateY in transform prop instead.

Optional width

width?: string | number

Optional zIndex

zIndex?: number