react-native-gesture-handler
react-native-gesture-handler copied to clipboard
<RectButton> border radius behaves differently than in <View>
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:
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):
Any solution?
Upd. Changed 23 -> 16. And got desired result
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.
Same issue on 2.1.0 with large border radius. (ios only)
Same issue on 2.4.2