-
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
Render Images with borderRadius in FlatList/ScrollView only on android 5.0 will render black circle. #15537
Comments
+1 |
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. If you think this issue should definitely remain open, please let us know why. Thank you for your contributions. |
There's a workaround (not a solution!) which can solve this issue, BUT! it can have significant performance implications: Place this line into application tag of AndroidManifest.xml: Or you can try an make your own component (which is slightly better) where you can put this line: |
+1 |
Same problem. I browsed some issues related to this but none of them were solved. |
@sianlasaga, If you don't want to use software layer type, you can always place your image inside of the view which will be having border radius, it's going to work but edges of your image will be slightly sharp and idk how it can be solved atm. |
@svbutko, thanks man it works. you forgot to mention to add overflow: 'hidden' in view. And yeah you're right the edges of the image is sharp. Well at least it's a partial solution atm. |
@sianlasaga, overflow: "hidden" doesn't work correctly on Android atm and it's better to avoid using it extensively, I prefer to change the background's component instead of using this property. |
+1 |
Is this a bug report?
Yes
Have you read the Contributing Guidelines?
Yes
Environment
react-native -v
: 0.47.1node -v
: v6.9.4npm -v
: 5.3.0yarn --version
: v0.27.5Then, specify:
Steps to Reproduce
Expected Behavior
Actual Behavior
android 5.0 render incorrect as below
So it seem like the picture will render incorrect(black circle) when use borderRadius with image in FlatList/ScrollView on android 5.0
Reproducible Demo
(Paste the link to an example project and exact instructions to reproduce the issue.)
The text was updated successfully, but these errors were encountered: