You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
General
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).
Components
Provider
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.
Box
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.
Columns
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
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.
Inline
The spaceX and spaceY props have been added.
Rows
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.
Tiles
The spaceX and spaceY props have been added, and empty has been renamed to fill.
Hooks
useStacks has been removed, as StacksProvider is no longer needed.
useCurrentBreakpoint has been removed. To get the current breakpoint name, you can use useStyles from Unistyles.
useSpacing has been removed. To achieve the same result, you can use useSpacingHelpers and multiply.
useWindowDimensions has been removed. You can now get the screen dimensions with UnistylesRuntime.screen.
This discussion was created from the release v3.0.0.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
What's Changed
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
General
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 (excludingColumns
, see this).Components
Provider
Stacks
now uses Unistyles, which means that you can removeStacksProvider
from the React component tree and provide configuration values to theUnistyles
theme object, as described here.Box
Several new props have been added to the
Box
component, includingwidth
,height
,gap
,rowGap
,columnGap
,backgroundColor
,borderRadius
,borderTopLeftRadius
,borderTopRightRadius
,borderBottomLeftRadius
,borderBottomRightRadius
,borderColor
,borderWidth
, anddebuggable
.Columns
The
defaultWidth
prop is nowdefaultFlex
, and thewidth
prop has been changed toflex
.Use
Column.from
to create a customColumn
component.The
markAsColumn
prop has been removed.FillView
FillView
has been renamed toFloatBox
.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.Inline
The
spaceX
andspaceY
props have been added.Rows
The
defaultHeight
prop is nowdefaultFlex
, and theheight
prop has been changed toflex
.Use
Row.from
to create a customRow
component.The
markAsRow
prop has been removed.Tiles
The
spaceX
andspaceY
props have been added, andempty
has been renamed tofill
.Hooks
useStacks
has been removed, asStacksProvider
is no longer needed.useCurrentBreakpoint
has been removed. To get the current breakpoint name, you can useuseStyles
from Unistyles.useSpacing
has been removed. To achieve the same result, you can useuseSpacingHelpers
andmultiply
.useWindowDimensions
has been removed. You can now get the screen dimensions withUnistylesRuntime.screen
.This discussion was created from the release v3.0.0.
Beta Was this translation helpful? Give feedback.
All reactions