ContainerProps | Kancha Documentation

Hierarchy

ContainerProps

Index

Properties

Optional alignItems

Align items

Optional b

b: string | number | undefined

Bottom

Optional background

background: Kancha.BrandPropOptions

Pre-defined backgrounds accordign to the theme. use these where possible.

Optional backgroundColor

backgroundColor: undefined | string

Temporary option to create custom color. Avoid is possible and deprecate if you can by modifying the theme

Optional borderColor

borderColor: undefined | string

Enable border for debugging layouts

Optional borderWidth

borderWidth: undefined | number

Enable border for debugging layouts

Optional br

br: number | undefined

Border radius

Optional debugBorder

debugBorder: undefined | false | true

Enable border for debugging layouts

Optional debugBorderColor

debugBorderColor: string | undefined

Change debug border color

Optional disabled

disabled: undefined | false | true

Disable the view from being able to detect interactions

Optional dividerBottom

dividerBottom: undefined | false | true

Set the bottom divider

Optional dividerTop

dividerTop: undefined | false | true

et the top divider

Optional flex

flex: number | undefined

Flex

Optional flexDirection

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

Flex direction

Optional h

h: string | number | undefined

Height

Optional justifyContent

Justify Content

Optional margin

margin: number | boolean | undefined

Set the bottom margin

Optional marginBottom

marginBottom: number | boolean | undefined

Set the bottom margin

Optional marginLeft

marginLeft: number | boolean | undefined

Set the bottom margin

Optional marginRight

marginRight: number | boolean | undefined

Set the top margin

Optional marginTop

marginTop: number | boolean | undefined

Set the top margin

Optional opacity

opacity: undefined | number

An opacity level. Use 1, 2, 3 etc

Optional padding

padding: number | boolean | undefined

Set the default padding

Optional paddingBottom

paddingBottom: number | boolean | undefined

Set the bottom padding

Optional paddingHorizontal

paddingHorizontal: number | boolean | undefined

Set the default paddingHorizontal

Optional paddingLeft

paddingLeft: number | boolean | undefined

Set the left padding

Optional paddingRight

paddingRight: number | boolean | undefined

Set the right padding

Optional paddingTop

paddingTop: number | boolean | undefined

Set the top padding

Optional r

r: string | number | undefined

Right

Optional shadow

shadow: undefined | number

A shadow level to apply

Optional testID

testID: undefined | string

Test ID used for e2e tests

theme

theme: any

Optional viewStyle

viewStyle: ViewStyle

Add addionaly custom styles for a container. Use sparingly!!

Optional w

w: string | number | undefined

Width

Generated using TypeDoc