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:
Commit message | Release type |
---|---|
fix: [comment] | Patch Release |
feat: [comment] | Minor Feature Release |
perf: [comment] | Major Feature Release |
doc: [comment] | No Release |
refactor: [comment] | No Release |
chore: [comment] | No Release |