Interface FlexStyle

Flex Prop Types

See

interface FlexStyle {
    alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch";
    alignItems?: FlexAlignType;
    alignSelf?: "auto" | FlexAlignType;
    aspectRatio?: string | number;
    borderBottomWidth?: number;
    borderEndWidth?: number;
    borderLeftWidth?: number;
    borderRightWidth?: number;
    borderStartWidth?: number;
    borderTopWidth?: number;
    borderWidth?: number;
    bottom?: DimensionValue;
    columnGap?: string | number;
    direction?: "inherit" | "ltr" | "rtl";
    display?: "none" | "flex";
    end?: DimensionValue;
    flex?: number;
    flexBasis?: DimensionValue;
    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse";
    flexGrow?: number;
    flexShrink?: number;
    flexWrap?: "wrap" | "nowrap" | "wrap-reverse";
    gap?: string | number;
    height?: DimensionValue;
    justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
    left?: DimensionValue;
    margin?: DimensionValue;
    marginBottom?: DimensionValue;
    marginEnd?: DimensionValue;
    marginHorizontal?: DimensionValue;
    marginLeft?: DimensionValue;
    marginRight?: DimensionValue;
    marginStart?: DimensionValue;
    marginTop?: DimensionValue;
    marginVertical?: DimensionValue;
    maxHeight?: DimensionValue;
    maxWidth?: DimensionValue;
    minHeight?: DimensionValue;
    minWidth?: DimensionValue;
    overflow?: "visible" | "hidden" | "scroll";
    padding?: DimensionValue;
    paddingBottom?: DimensionValue;
    paddingEnd?: DimensionValue;
    paddingHorizontal?: DimensionValue;
    paddingLeft?: DimensionValue;
    paddingRight?: DimensionValue;
    paddingStart?: DimensionValue;
    paddingTop?: DimensionValue;
    paddingVertical?: DimensionValue;
    position?: "absolute" | "relative" | "static";
    right?: DimensionValue;
    rowGap?: string | number;
    start?: DimensionValue;
    top?: DimensionValue;
    width?: DimensionValue;
    zIndex?: number;
}

Hierarchy (view full)

Properties

alignContent? alignItems? alignSelf? aspectRatio? borderBottomWidth? borderEndWidth? borderLeftWidth? borderRightWidth? borderStartWidth? borderTopWidth? borderWidth? bottom? columnGap? direction? display? end? flex? flexBasis? flexDirection? flexGrow? flexShrink? flexWrap? gap? height? justifyContent? left? margin? marginBottom? marginEnd? marginHorizontal? marginLeft? marginRight? marginStart? marginTop? marginVertical? maxHeight? maxWidth? minHeight? minWidth? overflow? padding? paddingBottom? paddingEnd? paddingHorizontal? paddingLeft? paddingRight? paddingStart? paddingTop? paddingVertical? position? right? rowGap? start? top? width? zIndex?

Properties

Optional alignContent

alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch"

Optional alignItems

alignItems?: FlexAlignType

Optional alignSelf

alignSelf?: "auto" | FlexAlignType

Optional aspectRatio

aspectRatio?: string | number

Optional borderBottomWidth

borderBottomWidth?: number

Optional borderEndWidth

borderEndWidth?: number

Optional borderLeftWidth

borderLeftWidth?: number

Optional borderRightWidth

borderRightWidth?: number

Optional borderStartWidth

borderStartWidth?: number

Optional borderTopWidth

borderTopWidth?: number

Optional borderWidth

borderWidth?: number

Optional bottom

bottom?: DimensionValue

Optional columnGap

columnGap?: string | number

Optional direction

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

Platform

ios

Optional display

display?: "none" | "flex"

Optional end

end?: DimensionValue

Optional flex

flex?: number

Optional flexBasis

flexBasis?: DimensionValue

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 gap

gap?: string | number

Optional height

height?: DimensionValue

Optional justifyContent

justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly"

Optional left

left?: DimensionValue

Optional margin

margin?: DimensionValue

Optional marginBottom

marginBottom?: DimensionValue

Optional marginEnd

marginEnd?: DimensionValue

Optional marginHorizontal

marginHorizontal?: DimensionValue

Optional marginLeft

marginLeft?: DimensionValue

Optional marginRight

marginRight?: DimensionValue

Optional marginStart

marginStart?: DimensionValue

Optional marginTop

marginTop?: DimensionValue

Optional marginVertical

marginVertical?: DimensionValue

Optional maxHeight

maxHeight?: DimensionValue

Optional maxWidth

maxWidth?: DimensionValue

Optional minHeight

minHeight?: DimensionValue

Optional minWidth

minWidth?: DimensionValue

Optional overflow

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

Optional padding

padding?: DimensionValue

Optional paddingBottom

paddingBottom?: DimensionValue

Optional paddingEnd

paddingEnd?: DimensionValue

Optional paddingHorizontal

paddingHorizontal?: DimensionValue

Optional paddingLeft

paddingLeft?: DimensionValue

Optional paddingRight

paddingRight?: DimensionValue

Optional paddingStart

paddingStart?: DimensionValue

Optional paddingTop

paddingTop?: DimensionValue

Optional paddingVertical

paddingVertical?: DimensionValue

Optional position

position?: "absolute" | "relative" | "static"

Optional right

right?: DimensionValue

Optional rowGap

rowGap?: string | number

Optional start

start?: DimensionValue

Optional top

top?: DimensionValue

Optional width

width?: DimensionValue

Optional zIndex

zIndex?: number

On This Page