-
Notifications
You must be signed in to change notification settings - Fork 24.3k
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
Android borderRadius antiAliasing / jagged edges #24486
Comments
https://github.com/facebook/react-native/blob/master/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java - this class draws view backgrounds. This may not work properly with anti-aliasing. |
I have the same issue on iPhone XR on RN 0.59.9. |
Someone knows if there is a workaround ? |
I'm using the last version of Expo (which uses RN 59.9), and I have some similar problem or even worst. I can say that there is a regression of this one: #17267 |
Seeing this on RN 0.59.9 only on Android. Snack to show what I'm seeing: https://snack.expo.io/rJqV_WTWS In my case, I have a button with dynamic border changing on certain UI states. ex: const jaggedBorderStyle = {
padding: 16,
backgroundColor: '#1291D9', // Same color
borderColor: '#1291D9', // Same color
borderRadius: 32,
borderWidth: 2,
}, I wouldn't run into this issue if the border placement inside/outside box model of Screenshots Seems very similar to #17267 by @dannycochran |
Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions. |
Issue is still exists in the latest (v0.61.2) React Native build. |
+1 Still an issue |
confirming issue on My env:
|
Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions. |
I reviewed https://github.com/react-native-community/releases/blob/master/CHANGELOG.md and it doesn't seem like the issue has been resolved yet. |
Using border radius with v5 of styled-components seems to give a smooth edge. |
Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions. |
Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information. |
🐛 Bug Report
Drawing nested Views with borderRadius results in a jagged edge:
To Reproduce
or
Expected Behavior
Only a circle with the color yellow should be visible, no red.
Code Example
https://snack.expo.io/By7LJu49E
Environment
The text was updated successfully, but these errors were encountered: