Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

<RectButton> border radius behaves differently than in <View> #562

Closed
jalooc opened this issue Apr 13, 2019 · 4 comments · Fixed by #2691
Closed

<RectButton> border radius behaves differently than in <View> #562

jalooc opened this issue Apr 13, 2019 · 4 comments · Fixed by #2691
Labels
Area: Touchable BugBash 31.03 Can repro It is confirmed we can reproduce the issue Platform: iOS This issue is specific to iOS To verify

Comments

@jalooc
Copy link

jalooc commented Apr 13, 2019

NOTE: This is not the same issue as in #226

System: iPhone 5s (simulator), iOS 12.2 (the problem doesn't appear on Android)
RN Version: 0.59.4
react-native-gesture-handler version: 1.1.0

For small border radiuses (borderRadius: 10 on screenshot), both components look identical:

image

However, big border radiuses (borderRadius: 100 on screenshot) overlap in <RectButton> differently than in <View>. In the first one, they create this pointy effect, in the latter, they form a smooth, rounded edge (which is obviously the desired behaviour):

image

@kesha-antonov
Copy link

kesha-antonov commented May 26, 2020

Any solution?

Upd. Changed 23 -> 16. And got desired result

@gustavopch
Copy link

This bug still exists. I was using the built-in buttons from React Native and used borderRadius: 999 when I wanted a rounded corner regardless of the button size. Now that I'm refactoring to use the buttons from react-native-gesture-handler, borderRadius: 999 can't be used because it doesn't render correctly on iOS.

@fknop
Copy link

fknop commented Jan 13, 2022

Same issue on 2.1.0 with large border radius. (ios only)

@j-piasecki j-piasecki added Platform: iOS This issue is specific to iOS BugBash 31.03 Can repro It is confirmed we can reproduce the issue labels Mar 31, 2022
@ArthurTriis1
Copy link

Same issue on 2.4.2

@j-piasecki j-piasecki linked a pull request Dec 20, 2023 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area: Touchable BugBash 31.03 Can repro It is confirmed we can reproduce the issue Platform: iOS This issue is specific to iOS To verify
Projects
None yet
Development

Successfully merging a pull request may close this issue.

7 participants