diff --git a/Libraries/StyleSheet/LayoutPropTypes.js b/Libraries/StyleSheet/LayoutPropTypes.js index a4d7a5de3b83bc..03f49e3ce99cab 100644 --- a/Libraries/StyleSheet/LayoutPropTypes.js +++ b/Libraries/StyleSheet/LayoutPropTypes.js @@ -449,7 +449,8 @@ var LayoutPropTypes = { 'flex-end', 'center', 'space-between', - 'space-around' + 'space-around', + 'space-evenly' ]), /** `alignItems` aligns children in the cross direction. diff --git a/Libraries/StyleSheet/StyleSheetTypes.js b/Libraries/StyleSheet/StyleSheetTypes.js index 0ca284852ead0e..73fb354435fb1a 100644 --- a/Libraries/StyleSheet/StyleSheetTypes.js +++ b/Libraries/StyleSheet/StyleSheetTypes.js @@ -67,7 +67,8 @@ export type LayoutStyle<+Dimension = DimensionValue> = { | 'flex-end' | 'center' | 'space-between' - | 'space-around', + | 'space-around' + | 'space-evenly', +alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline', +alignSelf?: | 'auto' diff --git a/React/Base/RCTConvert.m b/React/Base/RCTConvert.m index 6be303046efcc1..f2410f60f7f21d 100644 --- a/React/Base/RCTConvert.m +++ b/React/Base/RCTConvert.m @@ -659,7 +659,8 @@ + (NSPropertyList)NSPropertyList:(id)json @"flex-end": @(YGJustifyFlexEnd), @"center": @(YGJustifyCenter), @"space-between": @(YGJustifySpaceBetween), - @"space-around": @(YGJustifySpaceAround) + @"space-around": @(YGJustifySpaceAround), + @"space-evenly": @(YGJustifySpaceEvenly) }), YGJustifyFlexStart, intValue) RCT_ENUM_CONVERTER(YGAlign, (@{ diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java index 46716716691d95..ea83f81abc5134 100644 --- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java +++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java @@ -486,6 +486,10 @@ public void setJustifyContent(@Nullable String justifyContent) { setJustifyContent(YogaJustify.SPACE_AROUND); break; } + case "space-evenly": { + setJustifyContent(YogaJustify.SPACE_EVENLY); + break; + } default: { throw new JSApplicationIllegalArgumentException( "invalid value for justifyContent: " + justifyContent);