Native-x-stack NPM

native-x-stack

This modules helps you define stacked views in React Native application

yarn add native-x-stack

npm install native-x-stack

import { Stack } from 'native-x-stack'

function MyComponent() {
  return <Stack fill>
    {...}
  </Stack>
}

Property	Default Value	Usage
hAlign?: HAlign		Horizontal alignment: HAlign.{LEFT, CENTER, RIGHT}
vAlign?: VAlign		Vertical alignment: HAlign.{TOP, MIDDLE, BOTTOM}
justifyAround?: boolean	false	Justify around items in the stack
justifyBetween?: boolean	false	Move items towards the corner of the stack
reverse?: boolean	false	Reverse the direction of flex
horizontal?: boolean	false	Stack items horizontally if true
fill?: boolean	number	Fill parent or set style to { flex: ${fill} }
wrap?: boolean	false	Wrap content once reached the end of the current row
zIndex?: number		Z-Index ordering
width?: number		Width of the stack
height?: number		Height of the stack
minWidth?: number		Min width of the stack
minHeight?: number		Min height of the stack
maxWidth?: number		Max width of the stack
maxHeight?: number		Max height of the stack
spacing?: number		Spacing between items
overflow?: Overflow		Make content visible beyond content borders, Overflow.{VISIBLE,HIDDEN}
onLayout?: (event: LayoutChangeEvent) => void	false	Callback handler for layout changes
style: ViewStyle		Additional style

Here is an example of the release type that will be done based on a commit messages: