diff --git a/React/Views/RCTBorderDrawing.m b/React/Views/RCTBorderDrawing.m index 2a8d105471aa2a..a92db47791018d 100644 --- a/React/Views/RCTBorderDrawing.m +++ b/React/Views/RCTBorderDrawing.m @@ -224,13 +224,15 @@ static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backg borderInsets.right + MAX(cornerInsets.bottomRight.width, cornerInsets.topRight.width) }; - // Asymmetrical edgeInsets cause strange artifacting on iOS 10 and earlier. - edgeInsets = (UIEdgeInsets){ - MAX(edgeInsets.top, edgeInsets.bottom), - MAX(edgeInsets.left, edgeInsets.right), - MAX(edgeInsets.top, edgeInsets.bottom), - MAX(edgeInsets.left, edgeInsets.right), - }; + if (hasCornerRadii) { + // Asymmetrical edgeInsets cause strange artifacting on iOS 10 and earlier. + edgeInsets = (UIEdgeInsets){ + MAX(edgeInsets.top, edgeInsets.bottom), + MAX(edgeInsets.left, edgeInsets.right), + MAX(edgeInsets.top, edgeInsets.bottom), + MAX(edgeInsets.left, edgeInsets.right), + }; + } const CGSize size = makeStretchable ? (CGSize){ // 1pt for the middle stretchable area along each axis