- feat(Box): add support for
borderTopWidth,borderRightWidth,borderBottomWidthandborderLeftWidth@mobily (#49)
- fix: allow passing 0 to
multiply/dividefunctions @mobily (#48)
- fix: improve
Row.fromandColumn.fromtype signatures @mobily (#47)
- fix: 🐛 Export all props of the components @mobily (#46)
Stacks is now published in the @grapp scope. So, you need to fix the imports first. Don't worry, it's a quick fix!
@mobily/stacks@grapp/stacks
The Stacks library has been completely rewritten in TypeScript, so it no longer supports ReScript.
React Native Unistyles is a core dependency.
The flex gap values now define spaces between components (excluding Columns, see this).
Stacks now uses Unistyles, which means that you can remove StacksProvider from the React component tree and provide configuration values to the Unistyles theme object, as described here.
Several new props have been added to the Box component, including width, height, gap, rowGap, columnGap, backgroundColor, borderRadius, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, borderColor, borderWidth, and debuggable.
The defaultWidth prop is now defaultFlex, and the width prop has been changed to flex.
Use Column.from to create a custom Column component.
The markAsColumn prop has been removed.
FillView has been renamed to FloatBox.
The unset helper has been removed, and the positioning has been fixed if you don't provide all offset values.
Hidden
Experimental support for hiding elements by transforming the React component tree with the provided Babel plugin has been added.
The spaceX and spaceY props have been added.
The defaultHeight prop is now defaultFlex, and the height prop has been changed to flex.
Use Row.from to create a custom Row component.
The markAsRow prop has been removed.
The spaceX and spaceY props have been added, and empty has been renamed to fill.
useStackshas been removed, asStacksProvideris no longer needed.useCurrentBreakpointhas been removed. To get the current breakpoint name, you can useuseStylesfrom Unistyles.useSpacinghas been removed. To achieve the same result, you can useuseSpacingHelpersandmultiply.useWindowDimensionshas been removed. You can now get the screen dimensions withUnistylesRuntime.screen.