react-native-gesture-handler icon indicating copy to clipboard operation
react-native-gesture-handler copied to clipboard

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

Open jalooc opened this issue 5 years ago • 4 comments

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

jalooc avatar Apr 13 '19 13:04 jalooc

Any solution?

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

kesha-antonov avatar May 26 '20 05:05 kesha-antonov

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.

gustavopch avatar Nov 17 '21 20:11 gustavopch

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

fknop avatar Jan 13 '22 14:01 fknop

Same issue on 2.4.2

ArthurTriis1 avatar Jun 14 '22 00:06 ArthurTriis1