File tree Expand file tree Collapse file tree 2 files changed +45
-3
lines changed
ReactAndroid/src/main/java/com/facebook/react/views/view
packages/rn-tester/js/examples/View Expand file tree Collapse file tree 2 files changed +45
-3
lines changed Original file line number Diff line number Diff line change @@ -911,7 +911,10 @@ private void updatePath() {
911
911
}
912
912
913
913
mInnerBottomLeftCorner .x = mInnerClipTempRectForBorderRadius .left ;
914
- mInnerBottomLeftCorner .y = mInnerClipTempRectForBorderRadius .bottom * -2 ;
914
+ mInnerBottomLeftCorner .y =
915
+ borderWidth .bottom != 0
916
+ ? mInnerClipTempRectForBorderRadius .bottom * -2
917
+ : mInnerClipTempRectForBorderRadius .bottom ;
915
918
916
919
getEllipseIntersectionWithLine (
917
920
// Ellipse Bounds
@@ -963,7 +966,10 @@ private void updatePath() {
963
966
}
964
967
965
968
mInnerBottomRightCorner .x = mInnerClipTempRectForBorderRadius .right ;
966
- mInnerBottomRightCorner .y = mInnerClipTempRectForBorderRadius .bottom * -2 ;
969
+ mInnerBottomRightCorner .y =
970
+ borderWidth .bottom != 0
971
+ ? mInnerClipTempRectForBorderRadius .bottom * -2
972
+ : mInnerClipTempRectForBorderRadius .bottom ;
967
973
968
974
getEllipseIntersectionWithLine (
969
975
// Ellipse Bounds
Original file line number Diff line number Diff line change @@ -431,7 +431,7 @@ exports.examples = [
431
431
title : 'Rounded Borders' ,
432
432
render ( ) : React . Node {
433
433
return (
434
- < View style = { { flexDirection : 'row' } } >
434
+ < View style = { { flexDirection : 'row' , flexWrap : 'wrap' } } >
435
435
< View
436
436
style = { {
437
437
width : 50 ,
@@ -474,6 +474,42 @@ exports.examples = [
474
474
marginRight : 10 ,
475
475
} }
476
476
/>
477
+ < View
478
+ style = { {
479
+ width : 50 ,
480
+ height : 50 ,
481
+ borderLeftWidth : 6 ,
482
+ borderTopWidth : 6 ,
483
+ borderTopLeftRadius : 20 ,
484
+ } }
485
+ />
486
+ < View
487
+ style = { {
488
+ width : 50 ,
489
+ height : 50 ,
490
+ borderRightWidth : 6 ,
491
+ borderTopWidth : 6 ,
492
+ borderTopRightRadius : 20 ,
493
+ } }
494
+ />
495
+ < View
496
+ style = { {
497
+ width : 50 ,
498
+ height : 50 ,
499
+ borderBottomWidth : 6 ,
500
+ borderLeftWidth : 6 ,
501
+ borderBottomLeftRadius : 20 ,
502
+ } }
503
+ />
504
+ < View
505
+ style = { {
506
+ width : 50 ,
507
+ height : 50 ,
508
+ borderBottomWidth : 6 ,
509
+ borderRightWidth : 6 ,
510
+ borderBottomRightRadius : 20 ,
511
+ } }
512
+ />
477
513
</ View >
478
514
) ;
479
515
} ,
You can’t perform that action at this time.
0 commit comments