Merge branch 'master' into master

Author: haitaoli

Libraries/StyleSheet/StyleSheetTypes.js

@@ -24,33 +24,41 @@ export type LayoutStyle<+Dimension = DimensionValue> = {
   +display?: 'none' | 'flex',
   +width?: Dimension,
   +height?: Dimension,
-  +top?: Dimension,
   +bottom?: Dimension,
+  +end?: Dimension,
   +left?: Dimension,
   +right?: Dimension,
+  +start?: Dimension,
+  +top?: Dimension,
   +minWidth?: Dimension,
   +maxWidth?: Dimension,
   +minHeight?: Dimension,
   +maxHeight?: Dimension,
   +margin?: Dimension,
-  +marginVertical?: Dimension,
-  +marginHorizontal?: Dimension,
-  +marginTop?: Dimension,
   +marginBottom?: Dimension,
+  +marginEnd?: Dimension,
+  +marginHorizontal?: Dimension,
   +marginLeft?: Dimension,
   +marginRight?: Dimension,
+  +marginStart?: Dimension,
+  +marginTop?: Dimension,
+  +marginVertical?: Dimension,
   +padding?: Dimension,
-  +paddingVertical?: Dimension,
-  +paddingHorizontal?: Dimension,
-  +paddingTop?: Dimension,
   +paddingBottom?: Dimension,
+  +paddingEnd?: Dimension,
+  +paddingHorizontal?: Dimension,
   +paddingLeft?: Dimension,
   +paddingRight?: Dimension,
+  +paddingStart?: Dimension,
+  +paddingTop?: Dimension,
+  +paddingVertical?: Dimension,
   +borderWidth?: number,
-  +borderTopWidth?: number,
   +borderBottomWidth?: number,
+  +borderEndWidth?: number,
   +borderLeftWidth?: number,
   +borderRightWidth?: number,
+  +borderStartWidth?: number,
+  +borderTopWidth?: number,
   +position?: 'absolute' | 'relative',
   +flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse',
   +flexWrap?: 'wrap' | 'nowrap',
@@ -124,21 +132,29 @@ export type ViewStyle<+Dimension = DimensionValue, +Color = ColorValue> = {
   +backfaceVisibility?: 'visible' | 'hidden',
   +backgroundColor?: Color,
   +borderColor?: Color,
-  +borderTopColor?: Color,
-  +borderRightColor?: Color,
   +borderBottomColor?: Color,
+  +borderEndColor?: Color,
   +borderLeftColor?: Color,
+  +borderRightColor?: Color,
+  +borderStartColor?: Color,
+  +borderTopColor?: Color,
   +borderRadius?: number,
-  +borderTopLeftRadius?: number,
-  +borderTopRightRadius?: number,
+  +borderBottomEndRadius?: number,
   +borderBottomLeftRadius?: number,
   +borderBottomRightRadius?: number,
+  +borderBottomStartRadius?: number,
+  +borderTopEndRadius?: number,
+  +borderTopLeftRadius?: number,
+  +borderTopRightRadius?: number,
+  +borderTopStartRadius?: number,
   +borderStyle?: 'solid' | 'dotted' | 'dashed',
   +borderWidth?: number,
-  +borderTopWidth?: number,
-  +borderRightWidth?: number,
   +borderBottomWidth?: number,
+  +borderEndWidth?: number,
   +borderLeftWidth?: number,
+  +borderRightWidth?: number,
+  +borderStartWidth?: number,
+  +borderTopWidth?: number,
   +opacity?: number | AnimatedNode,
   +elevation?: number,
 };

Libraries/Text/Text/RCTTextShadowView.m

@@ -235,6 +235,21 @@ - (NSTextStorage *)textStorageAndLayoutManagerThatFitsSize:(CGSize)size
   return textStorage;
 }
 
+- (void)applyLayoutNode:(YGNodeRef)node
+      viewsWithNewFrame:(NSMutableSet<RCTShadowView *> *)viewsWithNewFrame
+       absolutePosition:(CGPoint)absolutePosition
+{
+  if (YGNodeGetHasNewLayout(self.yogaNode)) {
+    // If the view got new layout, we have to redraw it because `contentFrame`
+    // and sizes of embedded views may change.
+    _needsUpdateView = YES;
+  }
+
+  [super applyLayoutNode:node
+       viewsWithNewFrame:viewsWithNewFrame
+        absolutePosition:absolutePosition];
+}
+
 - (void)applyLayoutWithFrame:(CGRect)frame
              layoutDirection:(UIUserInterfaceLayoutDirection)layoutDirection
       viewsWithUpdatedLayout:(NSMutableSet<RCTShadowView *> *)viewsWithUpdatedLayout