Fix: specific border radius corner causes visual bug on other corners

[Nizarius]

Summary

Fixes #22511

I understand the motivation of adding extraRadiusForOutline to corner radius: without it there can be an empty space between border and view's background color.

So I add simple check: if corner radius is more than zero we still add extraRadiusForOutline. And if not, we don't add it to prevent all the corners to become slightly curved.

Changelog

[GENERAL] [Fixed] - fix of Android's bug that causes all the corners to become slightly curved if only specific corners' radius should be more than zero.

Test Plan

Use this code snippet to test that other corners not round now

<View style={{
  backgroundColor: 'red',
  width: 100,
  height: 100,
  borderWidth: 5,
  borderBottomLeftRadius: 15,
}} />
<View style={{
  backgroundColor: 'green',
  borderWidth: 5,
  width: 100,
  height: 100,
}} />

[facebook-github-bot]

Thank you for your pull request and welcome to our community. We require contributors to sign our Contributor License Agreement, and we don't seem to have you on file. In order for us to review and merge your code, please sign up at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need the corporate CLA signed.

If you have received this in error or have any questions, please contact us at cla@fb.com. Thanks!

[facebook-github-bot]

Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Facebook open source project. Thanks!

[cpojer]

Nice fix!

[facebook-github-bot]

@cpojer is landing this pull request. If you are a Facebook employee, you can view this diff on Phabricator.

[react-native-bot]

This pull request was successfully merged by @Nizarius in a05b409.

^{When will my fix make it into a release? | Upcoming Releases}