react-native-col
Version:
Flexbox made easy & semantic
900 lines • 93.7 kB
TypeScript
export declare const colStyles: {
col: {
flexDirection: "column";
};
TL: import("react-native").ViewStyle;
T: import("react-native").ViewStyle;
TR: import("react-native").ViewStyle;
L: import("react-native").ViewStyle;
C: import("react-native").ViewStyle;
R: import("react-native").ViewStyle;
BL: import("react-native").ViewStyle;
B: import("react-native").ViewStyle;
BR: import("react-native").ViewStyle;
TBL: {
justifyContent: "space-between";
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderBottomStartRadius?: number | undefined;
borderBottomWidth?: number | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderLeftWidth?: number | undefined;
borderRadius?: number | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderRightWidth?: number | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
borderTopStartRadius?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
opacity?: number | undefined;
testID?: string | undefined;
elevation?: number | undefined;
alignContent?: "flex-end" | "center" | "flex-start" | "space-between" | "space-around" | "stretch" | undefined;
alignItems?: import("react-native").FlexAlignType | undefined;
alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
aspectRatio?: number | undefined;
borderEndWidth?: string | number | undefined;
borderStartWidth?: string | number | undefined;
bottom?: string | number | undefined;
display?: "none" | "flex" | undefined;
end?: string | number | undefined;
flex?: number | undefined;
flexBasis?: string | number | undefined;
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: string | number | undefined;
left?: string | number | undefined;
margin?: string | number | undefined;
marginBottom?: string | number | undefined;
marginEnd?: string | number | undefined;
marginHorizontal?: string | number | undefined;
marginLeft?: string | number | undefined;
marginRight?: string | number | undefined;
marginStart?: string | number | undefined;
marginTop?: string | number | undefined;
marginVertical?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: string | number | undefined;
paddingBottom?: string | number | undefined;
paddingEnd?: string | number | undefined;
paddingHorizontal?: string | number | undefined;
paddingLeft?: string | number | undefined;
paddingRight?: string | number | undefined;
paddingStart?: string | number | undefined;
paddingTop?: string | number | undefined;
paddingVertical?: string | number | undefined;
position?: "absolute" | "relative" | undefined;
right?: string | number | undefined;
start?: string | number | undefined;
top?: string | number | undefined;
width?: string | number | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: {
width: number;
height: number;
} | undefined;
shadowOpacity?: number | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: number | undefined;
scaleX?: number | undefined;
scaleY?: number | undefined;
translateX?: number | undefined;
translateY?: number | undefined;
};
TB: {
justifyContent: "space-between";
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderBottomStartRadius?: number | undefined;
borderBottomWidth?: number | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderLeftWidth?: number | undefined;
borderRadius?: number | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderRightWidth?: number | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
borderTopStartRadius?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
opacity?: number | undefined;
testID?: string | undefined;
elevation?: number | undefined;
alignContent?: "flex-end" | "center" | "flex-start" | "space-between" | "space-around" | "stretch" | undefined;
alignItems?: import("react-native").FlexAlignType | undefined;
alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
aspectRatio?: number | undefined;
borderEndWidth?: string | number | undefined;
borderStartWidth?: string | number | undefined;
bottom?: string | number | undefined;
display?: "none" | "flex" | undefined;
end?: string | number | undefined;
flex?: number | undefined;
flexBasis?: string | number | undefined;
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: string | number | undefined;
left?: string | number | undefined;
margin?: string | number | undefined;
marginBottom?: string | number | undefined;
marginEnd?: string | number | undefined;
marginHorizontal?: string | number | undefined;
marginLeft?: string | number | undefined;
marginRight?: string | number | undefined;
marginStart?: string | number | undefined;
marginTop?: string | number | undefined;
marginVertical?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: string | number | undefined;
paddingBottom?: string | number | undefined;
paddingEnd?: string | number | undefined;
paddingHorizontal?: string | number | undefined;
paddingLeft?: string | number | undefined;
paddingRight?: string | number | undefined;
paddingStart?: string | number | undefined;
paddingTop?: string | number | undefined;
paddingVertical?: string | number | undefined;
position?: "absolute" | "relative" | undefined;
right?: string | number | undefined;
start?: string | number | undefined;
top?: string | number | undefined;
width?: string | number | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: {
width: number;
height: number;
} | undefined;
shadowOpacity?: number | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: number | undefined;
scaleX?: number | undefined;
scaleY?: number | undefined;
translateX?: number | undefined;
translateY?: number | undefined;
};
TBR: {
justifyContent: "space-between";
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderBottomStartRadius?: number | undefined;
borderBottomWidth?: number | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderLeftWidth?: number | undefined;
borderRadius?: number | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderRightWidth?: number | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
borderTopStartRadius?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
opacity?: number | undefined;
testID?: string | undefined;
elevation?: number | undefined;
alignContent?: "flex-end" | "center" | "flex-start" | "space-between" | "space-around" | "stretch" | undefined;
alignItems?: import("react-native").FlexAlignType | undefined;
alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
aspectRatio?: number | undefined;
borderEndWidth?: string | number | undefined;
borderStartWidth?: string | number | undefined;
bottom?: string | number | undefined;
display?: "none" | "flex" | undefined;
end?: string | number | undefined;
flex?: number | undefined;
flexBasis?: string | number | undefined;
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: string | number | undefined;
left?: string | number | undefined;
margin?: string | number | undefined;
marginBottom?: string | number | undefined;
marginEnd?: string | number | undefined;
marginHorizontal?: string | number | undefined;
marginLeft?: string | number | undefined;
marginRight?: string | number | undefined;
marginStart?: string | number | undefined;
marginTop?: string | number | undefined;
marginVertical?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: string | number | undefined;
paddingBottom?: string | number | undefined;
paddingEnd?: string | number | undefined;
paddingHorizontal?: string | number | undefined;
paddingLeft?: string | number | undefined;
paddingRight?: string | number | undefined;
paddingStart?: string | number | undefined;
paddingTop?: string | number | undefined;
paddingVertical?: string | number | undefined;
position?: "absolute" | "relative" | undefined;
right?: string | number | undefined;
start?: string | number | undefined;
top?: string | number | undefined;
width?: string | number | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: {
width: number;
height: number;
} | undefined;
shadowOpacity?: number | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: number | undefined;
scaleX?: number | undefined;
scaleY?: number | undefined;
translateX?: number | undefined;
translateY?: number | undefined;
};
BTL: {
flexDirection: "column-reverse";
justifyContent: "space-between";
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderBottomStartRadius?: number | undefined;
borderBottomWidth?: number | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderLeftWidth?: number | undefined;
borderRadius?: number | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderRightWidth?: number | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
borderTopStartRadius?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
opacity?: number | undefined;
testID?: string | undefined;
elevation?: number | undefined;
alignContent?: "flex-end" | "center" | "flex-start" | "space-between" | "space-around" | "stretch" | undefined;
alignItems?: import("react-native").FlexAlignType | undefined;
alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
aspectRatio?: number | undefined;
borderEndWidth?: string | number | undefined;
borderStartWidth?: string | number | undefined;
bottom?: string | number | undefined;
display?: "none" | "flex" | undefined;
end?: string | number | undefined;
flex?: number | undefined;
flexBasis?: string | number | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: string | number | undefined;
left?: string | number | undefined;
margin?: string | number | undefined;
marginBottom?: string | number | undefined;
marginEnd?: string | number | undefined;
marginHorizontal?: string | number | undefined;
marginLeft?: string | number | undefined;
marginRight?: string | number | undefined;
marginStart?: string | number | undefined;
marginTop?: string | number | undefined;
marginVertical?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: string | number | undefined;
paddingBottom?: string | number | undefined;
paddingEnd?: string | number | undefined;
paddingHorizontal?: string | number | undefined;
paddingLeft?: string | number | undefined;
paddingRight?: string | number | undefined;
paddingStart?: string | number | undefined;
paddingTop?: string | number | undefined;
paddingVertical?: string | number | undefined;
position?: "absolute" | "relative" | undefined;
right?: string | number | undefined;
start?: string | number | undefined;
top?: string | number | undefined;
width?: string | number | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: {
width: number;
height: number;
} | undefined;
shadowOpacity?: number | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: number | undefined;
scaleX?: number | undefined;
scaleY?: number | undefined;
translateX?: number | undefined;
translateY?: number | undefined;
};
BT: {
flexDirection: "column-reverse";
justifyContent: "space-between";
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderBottomStartRadius?: number | undefined;
borderBottomWidth?: number | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderLeftWidth?: number | undefined;
borderRadius?: number | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderRightWidth?: number | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
borderTopStartRadius?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
opacity?: number | undefined;
testID?: string | undefined;
elevation?: number | undefined;
alignContent?: "flex-end" | "center" | "flex-start" | "space-between" | "space-around" | "stretch" | undefined;
alignItems?: import("react-native").FlexAlignType | undefined;
alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
aspectRatio?: number | undefined;
borderEndWidth?: string | number | undefined;
borderStartWidth?: string | number | undefined;
bottom?: string | number | undefined;
display?: "none" | "flex" | undefined;
end?: string | number | undefined;
flex?: number | undefined;
flexBasis?: string | number | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: string | number | undefined;
left?: string | number | undefined;
margin?: string | number | undefined;
marginBottom?: string | number | undefined;
marginEnd?: string | number | undefined;
marginHorizontal?: string | number | undefined;
marginLeft?: string | number | undefined;
marginRight?: string | number | undefined;
marginStart?: string | number | undefined;
marginTop?: string | number | undefined;
marginVertical?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: string | number | undefined;
paddingBottom?: string | number | undefined;
paddingEnd?: string | number | undefined;
paddingHorizontal?: string | number | undefined;
paddingLeft?: string | number | undefined;
paddingRight?: string | number | undefined;
paddingStart?: string | number | undefined;
paddingTop?: string | number | undefined;
paddingVertical?: string | number | undefined;
position?: "absolute" | "relative" | undefined;
right?: string | number | undefined;
start?: string | number | undefined;
top?: string | number | undefined;
width?: string | number | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: {
width: number;
height: number;
} | undefined;
shadowOpacity?: number | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: number | undefined;
scaleX?: number | undefined;
scaleY?: number | undefined;
translateX?: number | undefined;
translateY?: number | undefined;
};
BTR: {
flexDirection: "column-reverse";
justifyContent: "space-between";
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderBottomStartRadius?: number | undefined;
borderBottomWidth?: number | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderLeftWidth?: number | undefined;
borderRadius?: number | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderRightWidth?: number | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
borderTopStartRadius?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
opacity?: number | undefined;
testID?: string | undefined;
elevation?: number | undefined;
alignContent?: "flex-end" | "center" | "flex-start" | "space-between" | "space-around" | "stretch" | undefined;
alignItems?: import("react-native").FlexAlignType | undefined;
alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
aspectRatio?: number | undefined;
borderEndWidth?: string | number | undefined;
borderStartWidth?: string | number | undefined;
bottom?: string | number | undefined;
display?: "none" | "flex" | undefined;
end?: string | number | undefined;
flex?: number | undefined;
flexBasis?: string | number | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: string | number | undefined;
left?: string | number | undefined;
margin?: string | number | undefined;
marginBottom?: string | number | undefined;
marginEnd?: string | number | undefined;
marginHorizontal?: string | number | undefined;
marginLeft?: string | number | undefined;
marginRight?: string | number | undefined;
marginStart?: string | number | undefined;
marginTop?: string | number | undefined;
marginVertical?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: string | number | undefined;
paddingBottom?: string | number | undefined;
paddingEnd?: string | number | undefined;
paddingHorizontal?: string | number | undefined;
paddingLeft?: string | number | undefined;
paddingRight?: string | number | undefined;
paddingStart?: string | number | undefined;
paddingTop?: string | number | undefined;
paddingVertical?: string | number | undefined;
position?: "absolute" | "relative" | undefined;
right?: string | number | undefined;
start?: string | number | undefined;
top?: string | number | undefined;
width?: string | number | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: {
width: number;
height: number;
} | undefined;
shadowOpacity?: number | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: number | undefined;
scaleX?: number | undefined;
scaleY?: number | undefined;
translateX?: number | undefined;
translateY?: number | undefined;
};
LRT: {
alignItems: "stretch";
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderBottomStartRadius?: number | undefined;
borderBottomWidth?: number | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderLeftWidth?: number | undefined;
borderRadius?: number | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderRightWidth?: number | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
borderTopStartRadius?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
opacity?: number | undefined;
testID?: string | undefined;
elevation?: number | undefined;
alignContent?: "flex-end" | "center" | "flex-start" | "space-between" | "space-around" | "stretch" | undefined;
alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
aspectRatio?: number | undefined;
borderEndWidth?: string | number | undefined;
borderStartWidth?: string | number | undefined;
bottom?: string | number | undefined;
display?: "none" | "flex" | undefined;
end?: string | number | undefined;
flex?: number | undefined;
flexBasis?: string | number | undefined;
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: string | number | undefined;
justifyContent?: "flex-end" | "center" | "flex-start" | "space-between" | "space-around" | "space-evenly" | undefined;
left?: string | number | undefined;
margin?: string | number | undefined;
marginBottom?: string | number | undefined;
marginEnd?: string | number | undefined;
marginHorizontal?: string | number | undefined;
marginLeft?: string | number | undefined;
marginRight?: string | number | undefined;
marginStart?: string | number | undefined;
marginTop?: string | number | undefined;
marginVertical?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: string | number | undefined;
paddingBottom?: string | number | undefined;
paddingEnd?: string | number | undefined;
paddingHorizontal?: string | number | undefined;
paddingLeft?: string | number | undefined;
paddingRight?: string | number | undefined;
paddingStart?: string | number | undefined;
paddingTop?: string | number | undefined;
paddingVertical?: string | number | undefined;
position?: "absolute" | "relative" | undefined;
right?: string | number | undefined;
start?: string | number | undefined;
top?: string | number | undefined;
width?: string | number | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: {
width: number;
height: number;
} | undefined;
shadowOpacity?: number | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: number | undefined;
scaleX?: number | undefined;
scaleY?: number | undefined;
translateX?: number | undefined;
translateY?: number | undefined;
};
LRC: {
alignItems: "stretch";
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderBottomStartRadius?: number | undefined;
borderBottomWidth?: number | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderLeftWidth?: number | undefined;
borderRadius?: number | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderRightWidth?: number | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
borderTopStartRadius?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
opacity?: number | undefined;
testID?: string | undefined;
elevation?: number | undefined;
alignContent?: "flex-end" | "center" | "flex-start" | "space-between" | "space-around" | "stretch" | undefined;
alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
aspectRatio?: number | undefined;
borderEndWidth?: string | number | undefined;
borderStartWidth?: string | number | undefined;
bottom?: string | number | undefined;
display?: "none" | "flex" | undefined;
end?: string | number | undefined;
flex?: number | undefined;
flexBasis?: string | number | undefined;
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: string | number | undefined;
justifyContent?: "flex-end" | "center" | "flex-start" | "space-between" | "space-around" | "space-evenly" | undefined;
left?: string | number | undefined;
margin?: string | number | undefined;
marginBottom?: string | number | undefined;
marginEnd?: string | number | undefined;
marginHorizontal?: string | number | undefined;
marginLeft?: string | number | undefined;
marginRight?: string | number | undefined;
marginStart?: string | number | undefined;
marginTop?: string | number | undefined;
marginVertical?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: string | number | undefined;
paddingBottom?: string | number | undefined;
paddingEnd?: string | number | undefined;
paddingHorizontal?: string | number | undefined;
paddingLeft?: string | number | undefined;
paddingRight?: string | number | undefined;
paddingStart?: string | number | undefined;
paddingTop?: string | number | undefined;
paddingVertical?: string | number | undefined;
position?: "absolute" | "relative" | undefined;
right?: string | number | undefined;
start?: string | number | undefined;
top?: string | number | undefined;
width?: string | number | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: {
width: number;
height: number;
} | undefined;
shadowOpacity?: number | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: number | undefined;
scaleX?: number | undefined;
scaleY?: number | undefined;
translateX?: number | undefined;
translateY?: number | undefined;
};
LRB: {
alignItems: "stretch";
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderBottomStartRadius?: number | undefined;
borderBottomWidth?: number | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderLeftWidth?: number | undefined;
borderRadius?: number | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderRightWidth?: number | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
borderTopStartRadius?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
opacity?: number | undefined;
testID?: string | undefined;
elevation?: number | undefined;
alignContent?: "flex-end" | "center" | "flex-start" | "space-between" | "space-around" | "stretch" | undefined;
alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
aspectRatio?: number | undefined;
borderEndWidth?: string | number | undefined;
borderStartWidth?: string | number | undefined;
bottom?: string | number | undefined;
display?: "none" | "flex" | undefined;
end?: string | number | undefined;
flex?: number | undefined;
flexBasis?: string | number | undefined;
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: string | number | undefined;
justifyContent?: "flex-end" | "center" | "flex-start" | "space-between" | "space-around" | "space-evenly" | undefined;
left?: string | number | undefined;
margin?: string | number | undefined;
marginBottom?: string | number | undefined;
marginEnd?: string | number | undefined;
marginHorizontal?: string | number | undefined;
marginLeft?: string | number | undefined;
marginRight?: string | number | undefined;
marginStart?: string | number | undefined;
marginTop?: string | number | undefined;
marginVertical?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
overflow?: "visible" | "hidden" | "scroll" | undefined;
padding?: string | number | undefined;
paddingBottom?: string | number | undefined;
paddingEnd?: string | number | undefined;
paddingHorizontal?: string | number | undefined;
paddingLeft?: string | number | undefined;
paddingRight?: string | number | undefined;
paddingStart?: string | number | undefined;
paddingTop?: string | number | undefined;
paddingVertical?: string | number | undefined;
position?: "absolute" | "relative" | undefined;
right?: string | number | undefined;
start?: string | number | undefined;
top?: string | number | undefined;
width?: string | number | undefined;
zIndex?: number | undefined;
direction?: "inherit" | "ltr" | "rtl" | undefined;
shadowColor?: import("react-native").ColorValue | undefined;
shadowOffset?: {
width: number;
height: number;
} | undefined;
shadowOpacity?: number | undefined;
shadowRadius?: number | undefined;
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
transformMatrix?: number[] | undefined;
rotation?: number | undefined;
scaleX?: number | undefined;
scaleY?: number | undefined;
translateX?: number | undefined;
translateY?: number | undefined;
};
};
export declare const rowStyles: {
row: {
flexDirection: "row";
};
TL: import("react-native").ViewStyle;
T: import("react-native").ViewStyle;
TR: import("react-native").ViewStyle;
L: import("react-native").ViewStyle;
C: import("react-native").ViewStyle;
R: import("react-native").ViewStyle;
BL: import("react-native").ViewStyle;
B: import("react-native").ViewStyle;
BR: import("react-native").ViewStyle;
LRT: {
justifyContent: "space-between";
backfaceVisibility?: "visible" | "hidden" | undefined;
backgroundColor?: import("react-native").ColorValue | undefined;
borderBottomColor?: import("react-native").ColorValue | undefined;
borderBottomEndRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderBottomStartRadius?: number | undefined;
borderBottomWidth?: number | undefined;
borderColor?: import("react-native").ColorValue | undefined;
borderEndColor?: import("react-native").ColorValue | undefined;
borderLeftColor?: import("react-native").ColorValue | undefined;
borderLeftWidth?: number | undefined;
borderRadius?: number | undefined;
borderRightColor?: import("react-native").ColorValue | undefined;
borderRightWidth?: number | undefined;
borderStartColor?: import("react-native").ColorValue | undefined;
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
borderTopColor?: import("react-native").ColorValue | undefined;
borderTopEndRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
borderTopStartRadius?: number | undefined;
borderTopWidth?: number | undefined;
borderWidth?: number | undefined;
opacity?: number | undefined;
testID?: string | undefined;
elevation?: number | undefined;
alignContent?: "flex-end" | "center" | "flex-start" | "space-between" | "space-around" | "stretch" | undefined;
alignItems?: import("react-native").FlexAlignType | undefined;
alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
aspectRatio?: number | undefined;
borderEndWidth?: string | number | undefined;
borderStartWidth?: string | number | undefined;
bottom?: string | number | undefined;
display?: "none" | "flex" | undefined;
end?: string | number | undefined;
flex?: number | undefined;
flexBasis?: string | number | undefined;
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
flexGrow?: number | undefined;
flexShrink?: number | undefined;
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
height?: string | number | undefined;
left?: string | number | undefined;
margin?: string | number | undefined;
marginBottom?: string | number | undefined;
marginEnd?: string | number | undefined;
marginHorizontal?: string | number | undefined;
marginLeft?: string | number | undefined;
marginRight?: string | number | undefined;
marginStart?: string | number | undefined;
marginTop?: