Android fix for border radius hides last separator

[randycoulman]

After upgrading to 0.14.0, we noticed that the last separator in our SegmentedControls was no longer showing on Android. iOS continues to work fine.

0.13.0:

0.14.0:

After some digging and debugging, what appears to be happening is that the addition of the borderRadius* properties to the right edge of the last option is also clipping the border on the left.

This appears to be caused by facebook/react-native#11042.

As a result, it may be best to just wait for an upstream fix (facebook/react-native#11706), but there may be some kind of workaround we could do here until that happens.

One idea I have is to apply the separator style properties to the right border of the next-to-last option, rather than the left border of the last option. This is an ugly hack, but would work around the issue.

[wuxudong]

facebook/react-native#11706 is already closed.

and I update react-native to 0.42.0, but the problem still exists ?

[America-first-melon]

@wuxudong fixed?

[Rawphs]

Setting containerBorderRadius to zero is a workaround if you don't mind having square buttons.