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
Copy file name to clipboardExpand all lines: website/docs/ios/components/layout.md
+2-12Lines changed: 2 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,18 +17,13 @@ Each stack type has different alignment options based on its layout direction.
17
17
18
18
A vertical stack container that arranges its children in a column.
19
19
20
-
:::tip Flexbox Option
21
-
VStack can optionally use a flexbox layout engine by setting `layout="flex"`. This enables React Native-style flexbox properties like `justifyContent` and `alignItems` via the `style` prop. See [Flexbox Layout](../development/flexbox-layout) for details.
22
-
:::
23
-
24
20
**Parameters:**
25
21
26
22
-`spacing` (number, optional): Spacing between children in points
27
23
-`alignment` (string, optional): Horizontal alignment of children:
28
24
-`"leading"` - Align to left edge
29
25
-`"center"` (default) - Align to center
30
26
-`"trailing"` - Align to right edge
31
-
-`layout` (string, optional): Layout mode - `"stack"` (default) or `"flex"`. When set to `"flex"`, enables flexbox properties via style prop.
@@ -38,10 +33,6 @@ VStack can optionally use a flexbox layout engine by setting `layout="flex"`. Th
38
33
39
34
A horizontal stack container that arranges its children in a row.
40
35
41
-
:::tip Flexbox Option
42
-
HStack can optionally use a flexbox layout engine by setting `layout="flex"`. This enables React Native-style flexbox properties like `justifyContent` and `alignItems` via the `style` prop. See [Flexbox Layout](../development/flexbox-layout) for details.
43
-
:::
44
-
45
36
**Parameters:**
46
37
47
38
-`spacing` (number, optional): Spacing between children in points
@@ -51,7 +42,6 @@ HStack can optionally use a flexbox layout engine by setting `layout="flex"`. Th
51
42
-`"bottom"` - Align to bottom edge
52
43
-`"firstTextBaseline"` - Align to first text baseline
53
44
-`"lastTextBaseline"` - Align to last text baseline
54
-
-`layout` (string, optional): Layout mode - `"stack"` (default) or `"flex"`. When set to `"flex"`, enables flexbox properties via style prop.
{/* Badge is positioned at top-right, then nudged with offset */}
94
84
<Voltra.Text
95
85
style={{
@@ -119,7 +109,7 @@ Use `offsetX` and `offsetY` style properties to fine-tune individual element pos
119
109
A flexible container component that **always uses flexbox layout**. Unlike VStack and HStack which use native SwiftUI stacks by default, View is specifically designed for React Native-style flexbox layouts.
120
110
121
111
:::tip Flexbox-First Component
122
-
The View component is purpose-built for flexbox layouts and always uses the flexbox layout engine. You don't need to add `layout="flex"` – it's flexbox by default. See the [Flexbox Layout](../development/flexbox-layout) guide for comprehensive documentation.
112
+
The View component is purpose-built for flexbox layouts and always uses the flexbox layout engine. See the [Flexbox Layout](../development/flexbox-layout) guide for comprehensive documentation.
0 commit comments