Add alignContent: 'space-evenly' (facebook#3888)

* Add `alignContent: 'space-evenly'` Coming with 0.74 facebook/react-native#41020 * Update layout-props.md
reactnativecn · Dec 7, 2023 · cc46589 · cc46589
1 parent 9f7093c
commit cc46589
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/docs/flexbox.md b/docs/flexbox.md
@@ -1231,7 +1231,9 @@ export default AlignSelfLayout;
 
 - `space-between` Evenly space wrapped lines across the container's cross axis, distributing the remaining space between the lines.
 
-- `space-around` Evenly space wrapped lines across the container's cross axis, distributing the remaining space around the lines. Compared to `space-between`, using `space-around` will result in space being distributed to the beginning of the first line and the end of the last line.
+- `space-around` Evenly space wrapped lines across the container's cross axis, distributing the remaining space around the lines. Each end of the container has a half-sized space compared to the space between items.
+
+- `space-evenly` Evenly space wrapped lines across the container's cross axis, distributing the remaining space around the lines. Each space is the same size.
 
 You can learn more [here](https://yogalayout.com/docs/align-content).
 

diff --git a/docs/layout-props.md b/docs/layout-props.md
@@ -369,9 +369,9 @@ export default App;
 
 `alignContent` controls how rows align in the cross direction, overriding the `alignContent` of the parent. See https://developer.mozilla.org/en-US/docs/Web/CSS/align-content for more details.
 
-| Type                                                                                 | Required |
-| ------------------------------------------------------------------------------------ | -------- |
-| enum('flex-start', 'flex-end', 'center', 'stretch', 'space-between', 'space-around') | No       |
+| Type                                                                                                 | Required |
+| ---------------------------------------------------------------------------------------------------- | -------- |
+| enum('flex-start', 'flex-end', 'center', 'stretch', 'space-between', 'space-around', 'space-evenly') | No       |
 
 ---